DIV-FLÄCHEN gestalten?

[Ave-the Newby]

Hallo liebe Gemeinde,

meine Frage beläuft sich auf die Formen von Div´s. In der Regel sind ja die Flächen immer rechteckig, man kann aber ja zum beispiel mit dem Befehlen (-moz-border-radius:30px; -khtml-border-radius:30px die Ecken soweit abrunden das man am Ende auch kreisförmige Fläche dadurch hinbekommt. Aber ist es nun auch möglich die Flächen polygonartig und oder dreiecksartig zu erstellen?

Grüße Ace- the Newby

[threadi]

Leider nein. Im Web ist alles rechteckig.

[hero-master]

Hi
mit ein paar Tricks geht einiges, um Polygone zu erstellen bzw. zu faken:
- Was von Eric Meyer
- Was von Tantek Celic
- Was von A List Apart

[Ave-the Newby]

Weiß jemand wi man dann zumindest nur die oberen beziehungeweise nur die unteren Ecken abrundet? Bis jetzt werden immer nur alle Ecken abgerundet, aber ich will nur die oben oder unten abrunden!.

Ace-The-Newby

[threadi]

Oben und unten gibt es jeweils 2 Ecken - also alle 4 Ecken eines Rechtecks.

Abrunden kann man diese mit der CSS-Eigenschaft border-radius, was aber noch lange nicht alle aktuellen Browser unterstützen. Ansonsten bleiben als Möglichkeit nur Grafiken übrig.

[Ave-the Newby]

Erstmal Danke für die Hinweise, aber ich habe es rausgefunden wie und welchen CSS-Regel man erstellen muss damit man jede Ecke einzeln für ein DIV abrunden kann, ich lass euch mal ein paar Schreibweisen hier:


(-moz-border-radius: 5px;
Spezialbefehl für Mozilla Firefox.
-webkit-border-radius: 5px;
Spezialbefehl für Safari, Konquerer.
border-radius: 5px;
CSS3-Spezifikation)

-moz-border-radius-topright:20px;
-webkit-border-top-right-radius:20px;
border-radius-topright:20px;
-moz-border-radius-bottomright:20px;
-webkit-border-bottom-right-radius:20px;
border-radius-bottomright:20px;

-moz-border-radius-topleft:20px;
-webkit-border-top-left-radius:20px;
border-radius-topleft:20px;
-moz-border-radius-bottomleft:20px;
-webkit-border-bottom-left-radius:20px;
border-radius-bottomleft:20px;

Vielleicht kann ich damit auch hier jemanden weiterhelfen.

Grüße Ace-the newby