Tabel rand vervangen door afbeelding

[Verwijderd]

Ik heb veel tabellen in verschillende HTML pagina’s.
Nou wil ik de borders van de tabellen wijzigen, ik wil deze vervangen door afbeeldingen.
Ik gebruik CSS en het mooiste zou zijn dat ik dit vanuit m’n stylesheet kan regelen. (anders moet ik heeeel veel tabellen bij langs)

Ik gebruik momenteel o.a. het volgende element in m’n stylesheet.

.ModuleBody
{
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-color: none;
border-bottom-style: none;
}

Is bijvoorbeeld dit element te wijzigen zodat deze tabellen een afbeelding als rand krijgen ?

[Willem]

Naar mijn weten niet.... misschien in CSS2 (?)
Denk dat je snel naar een ranzige tabel-oplossing gaat...

[Verwijderd]

Damn, dat wordt dan overwerken

[samo]

Dat is wel mogelijk
Ik heb destijds de oplossing van XOOPS gejat (www.xoops.org)
De precieze syntax weet ik niet, maar ik weet wel dat het kan...

[Willem]

Kun je niet even aangeven waarvandaan je op die site zo'n oplossing hebt geript dan, want ik zie alleen maar 1px solid gekleurde borders, niks geen plaatjes....

[Eijkb]

Een achtergrondplaatje voor de hele table en vervolgens de randen breed maken, de TR/TD´s een normale achtergrondkleur geven (wit?) en je hebt randen voorzien van weliswaar 1 plaatje. Of wou je voor iedere kolom of rij een apart plaatje?

[samo]

ik ben voor je aan het kijken...

edit:

Dit is waar ik het naartoe gejat heb:
(test site, het was een idee van een vriend...)
http://www.arnecoomans.org/eisenbahn/
en dit is de style ervoor gebruikt:

code:

.dot        { background:url(../img/dot.gif) repeat-y }
.dotv       { background:url(../img/dotv.gif) repeat-x }
.rule       { background:url(../img/rule.gif) repeat-x }

i.s.m.

code:

<td colspan=2 class="dotv"></td>

Maar ook hier moet je een extra tabel kolom aanmaken....

Was even op het verkeerde spoor gezet... sorry

Misschien kan je wel de background:url in de border declaratie opnemen en zien wa da doe... :-)

[ Voor 109% gewijzigd door samo op 04-09-2003 13:10 ]

[Verwijderd]

ik heb net gekeken, zo doen ze het.

.bcenterleft {
BACKGROUND-IMAGE: url(center_left.gif); WIDTH: 11px; HEIGHT: 37px}
.bcenterright {
BACKGROUND-IMAGE: url(center_right.gif); WIDTH: 175px; HEIGHT: 37px}
etc. etc.

Helaas, dit is niet wat ik zoek ..

[Rataplan]

edit:
Goedemorgen Rataplan! Blijven we wel lezen?

[ Voor 84% gewijzigd door Rataplan op 04-09-2003 13:06 ]

[Verwijderd]

Ik wil trouwens dit effect bereiken:
(http://www.newgrounds.com/)

[Verwijderd]

Rataplan schreef op 04 september 2003 @ 13:05:
Waarom maak je niet links en rechts een extra kolom, en boven en onder een extra rij aan, waar je je plaatjes inzet? Borders op 0 en schuiven met die handel

Dat begrijp ik, alleen ik gebruik circa 100 tabellen op een site.
En ben dus liever lui dan moe

[Rataplan]

Verwijderd schreef op 04 September 2003 @ 13:06:
[...]


Dat begrijp ik, alleen ik gebruik circa 100 tabellen op een site.
En ben dus liever lui dan moe

Staat helder in je startpost, sorry