Ecken abrunden

[xXxPeterPanxXx]

HI,
ich habe grade in meinem CSS Buch ein Kapitel über Ecken abrunden.

Hier die Codes

-moz-border-radius-bottomleft/right:
und dieser code:
-webkit-border-bottom-left/right-radius:

keiner dieser code funktioniert, aber ich weiss nicht warum. Könnt ihr mir helfen?

 

[prm]

Dieser Code ist noch kein offizieller CSS-Standard.
Er soll mit CSS3 kommen und wird z.Z. noch nicht von allen Browsern unterstützt.

Rahmen mit abgerundeten Ecken: Tipps und Tricks auf CSS 4 You - The Finest in Stylesheets

 

[xXxPeterPanxXx]

gibt es css 3 nicht schon

 

[xXxPeterPanxXx]

hi,
es will nicht funktionieren. Notepad2 zeigt das ja nicht mal bunt an, also erkennt er den code garnicht. Der Link zu den Stylesheets funktioniert.

Hier der Code

#header .menu_top li {
float:left; 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px; }

 

[neuroleptika]

keiner dieser code funktioniert, aber ich weiss nicht warum. Könnt ihr mir helfen?

Der Code ist nicht vollständig.
Im ff funktioniert z.B das:

#box {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-topright:10px;
border:1px solid black;
}

Das ist allerdings kein css3 sondern nur eine proprietäre css-Erweiterung für Gecko-Browser (zu erkennen am prefix -moz-).

 

[xXxPeterPanxXx]

Ah,
super es funktioniert.

Danke!!!

 

[_Thor_]

Wenn du border-radius verwenden willst, brauchst du natürlich auch nen border, der abgerundet werden kann ;)

 

[hawkeye]

Hy Folks,

Wie kann ich den Hintergrund der abgerundeten Ecken durchsichtig machen?

#header {
    height: 100px;
    background:url(banner5.gif);
    padding: 0px 0px 0px 0px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-topleft:10px;
}

 

[_Thor_]

Nur die Ecken garnicht, aber das Element kannst du mit

background-color: transparent;

durchsichtig machen.

 

[hawkeye]

Nur die Ecken garnicht, aber das Element kannst du mit

background-color: transparent;

durchsichtig machen.

Bei mir bringt das nichts ...

Die Ecken bleiben weiss und der Seitenhintergrund bleibt darunter verborgen!

Hier: IA04

 

[_Thor_]

Weil dein Container als Hintergrundfarbe #fff = weiß hat.

Ein wenig Semantik könnte deiner Seite auch nicht schaden.

Überschriften z.B. mal als <h1> bis <h6> auszeichnen, der Alternativtext deiner Grafiken ist auch nicht gut gewählt, wenn man die Grafiken ausblendet, steht da nur Link1, Link2, Link3 im Menü usw.

Fehler sind auch noch einige da [Invalid] Markup Validation of http://www.ia04.ch/ - W3C Markup Validator

 

[hawkeye]

Danke ;)

Ich weiss dass bei der Seite noch einiges im Argen liegt, werde mich dem annehmen, sobald die Tramondo HP fit ist.

mfg hawkeye