Wie erstelle ich abgerundete Tabellen?

[MacDad]

Wie kann ich solche abgerundeten Tabellen erstellen (siehe Bild)? Das Bild ist von der Apple Webseite.

Geht sowas wie CSS oder wie macht man das?

 

[Sir Q]

Es gibt keine HTML-Befehl für runde Ecken …

Was man aber macht (und nicht nur bei Tabellen, sondern gerade bei DIVs) ist, in die Ecken werden GIFs positioniert - so dass sie die Rundung als Grafik im Background abbilden. Das Konstruckt:

<fieldset><legend>Titel</legend>
Inhalt
</fieldset>

wird unter XP (mit dem knuffigen XP-Skin) und Vista schön gerundet abgebildet …
Ich würde eher auf solch eine Konstrukte zurückgreifen als irgendwas komisches zu basteln …

 

[kasei]

Wie kann ich solche abgerundeten Tabellen erstellen (siehe Bild)? Das Bild ist von der Apple Webseite.

Geht sowas wie CSS oder wie macht man das?

Hast Du Dir den Quelltext schon angeschaut?

Kasei

 

[stk]

Moin,

erst ab CSS3, welches aber noch von praktisch keinem Browser unterstützt wird.

Gruß Stefan

 

[floeschen]

Firefox kann das:
CSS-Tag:

-moz-border-radius

Ist aber proprietär und deshalb keine wirklich Lösung.

 

[Skeeve]

Such mal bei Google. Es gibt dutzende Anleitungen. Alle haben den Nachteil, daß dadurch wieder Inhalt und Darstellung aufs heftigste vermischt werden (Div im Div im Div so ungefähr).

 

[Westbär]

Mit jQuery (JavaScript Framework) oder wie oben gesagt mit "-moz-border-radius".

Gruß