tabelle

[tobias h.]

hallo,
ich habe folgendes problem:
ich möchte meine tabelle mit css gestalten.
ziel ist es, die headline mit abgerundeten kanten zu machen.
folgendes habe ich bereits mit css gemacht:

tr.headline
{
    font-size: 15px;
    font-weight: bold;
    background-image: url("../bilder/tabelle/headline_background.gif");
    height: 24px;
}

headline_background.gif ist der hintergrund der headline. jetzt weiß ich  aber nicht, wie ich die runden kanten links und rechts noch einbinden soll.

wäre echt super wenn mir jemand weiterhelfen könnte, denn ich verzweifel gerade daran.

liebe grüße,
tobias h.

[MrBusty]

Hallo Tobi,

wenn es in allen Browsern funktionieren soll, dann ist es etwas Arbeit!

Wenn du ein Objekt mit fester Breite darstellen willst, dann empfiehlt es sich 3 Zellen untereinander anzulegen:

• oben und unten ist ein Bild mit den zwei runden Ecken drin.
• in der Mitte nimmst du ein Hintergrundbild, welches bloß 1px breit sein kann (wird ja fortgesetzt)

Wenn du die Breite nicht kennst, dann musst du jede Ecke einzeln anbringen - also 9 Zellen anlegen:

• in die äußeren Zellen die Kanten und dazwischen Hintergrundbilder...

Wenn du mir eine Mail schickst, dann kann ich dir ein Beispiel zukommen lassen. (HellBuster und zwar bei Web.de)

Ist ein ganzes Stück Arbeit, wenn man das noch nicht gemacht hat - geht aber dafür in allen Browsern und sieht gut aus (also Kanten mit Schatten möglich)

PS:
Sehr einfach geht es mit der CSS-Eigenschaft "-moz-border-radius: 10px;"
Wobei die Zahl den Radius in Pixeln darstellt.
Geht aber nur im Firefox und ist nur eine runde Border (also sehr simple - aber genial einfach!)

MfG, Peter

[tobias h.]

e-mail müsste angekommen sein...;)