D.R.: Runde Tabellen

Beitrag lesen

Hallo,

Wie kann ich das am besten rund machen?
Das zum Beispiel oben links und rechts die Kanten abgerundet sind?
Oder kann ich die Tabellenzellen abrunden?

In CSS 3 wird es die Eigenschaft „border-radius“ geben. Mittlerweile versteht die aber leider nur Firefox. Und der wiederum nur als „-moz-border-radius“.

Es kommt also darauf an, wie wichtig dir die Abrundung ist. Ist sie für's Layout unverzichtbar, solltest du auf Bilder zurückgreifen, die du innerhalb der Tabelle absolut positionierst. (Tabelle: position:relative - Bilder: position:absolute mit entspr. top-/left-/right-/bottom- Werten).

Falls der Effekt dagegen nur ein kleiner „Bonus“ sein soll. kannst du auch einfach border-radius:Masseinheit; -moz-border-radius:Masseinheit;.

Irgendwann unterstützt der Opera vielleicht auch den „border-radius“. Damit wären ja dann schon mal die beiden entscheidenden Browser abgedeckt. Leider ist es aber noch nicht so weit…

mfg. Daniel