Tabellenrahmen mit Grafiken per CSS

[Alex]

Tag,

ich würde gerne die Rahmen meiner Tabellen mit Grafiken ausstatten. Bis jetzt habe ich dieses Problem immer mit extra Spalten / Zellen gelöst, in die dann die Grafiken als Hintergrund eingebettet waren. Nur ist mir das jetzt zu unflexibel geworden und ich würde gerne wissen, ob es möglich ist, diese Grafiken auch per CSS zuzuweisen.

Ich habe es bereits so probiert:

.border-top
{
    border-top:url(../images/border-top.png);
}

Nur leider spricht er darauf nicht an. Auch wenn ich Klassen für spezielle Tabellenzellen definiere, bspw. so:

.menuheader
{
    background-image:url(../images/border-left-right.png);
}

Das funktioniert zwar, allerdings müssen dann Grafik und Tabellenbreite korrekt aufeinander abgestimmt sein, ansonsten geht der Text ja über den Tabellenrahmen hinaus.

Ich hoffe ich habe mich verständlich ausgedrückt und jemand weiß Hilfe bei meinem Problem :)

Alex

[Cheatah]

Hi,

ich würde gerne die Rahmen meiner Tabellen mit Grafiken ausstatten.

dann musst Du warten, bis CSS/3.0 verabschiedet und hinreichend verbreitet ist: http://www.w3.org/TR/2002/WD-css3-border-20021107/

Bis jetzt habe ich dieses Problem immer mit extra Spalten / Zellen gelöst,

Bis dahin wirst Du dies leider auch weiterhin machen müssen.

Ich habe es bereits so probiert:

Probieren hilft _nicht_.

Cheatah

[srob]

Hi,

border-top:url(../images/border-top.png);

das geht auch nicht (über die Border properties kannst Du Dich unter http://www.w3.org/TR/REC-CSS2/box.html#border-properties informieren).

background-image:url(../images/border-left-right.png);
Das funktioniert zwar, allerdings müssen dann Grafik und Tabellenbreite korrekt aufeinander abgestimmt sein, ansonsten geht der Text ja über den Tabellenrahmen hinaus.

Si si!

Wenn Du im Archiv nachschaust, findest Du aus den letzten Tagen eine Thread, in dem das Thema Border/Schatten diskutiert wurde; dort waren einige interessante Links zu CSS-Techniken im Zusammenhang mit Rahmen.

hth Robert