FI Shadow op mijn style?

Rico · Bericht door **Rico** » 13 mei 2005, 15:57

Ik heb al de code van FI subsilver shadow doorgekeken, maar ik weet niet hoe ik zo een schaduw randje er in krijg.
Iemand wel?

Luuk · Bericht door **Luuk** » 13 mei 2005, 15:59

Ik denk dat het een plaatje is.

Rico · Bericht door **Rico** » 13 mei 2005, 16:11

Je hebt gelijk, maar hoe zorg ik er voor dat het bij elke tabel komt?
Ik ben niet zo een Css man, dus ik weet het niet...

Stef · Bericht door **Stef** » 13 mei 2005, 16:33

Een table aanspreken doe je gewoon zo.

Code: Selecteer alles

table {

}

Rico · Bericht door **Rico** » 13 mei 2005, 16:41

Code: Selecteer alles

table { 
	background-image: url(templates/smartBlue/images/tb4_m.gif);

}

Is niet goed...

Bee · Bericht door **Bee** » 13 mei 2005, 16:56

De schaduw maak je zo:

Code: Selecteer alles

<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>

De CSS hiervoor is:

Code: Selecteer alles

/* Background images for tables */
.tbl{border-collapse:collapse;height:4px;width:100%}
.tbll{background: url(images/tb4_l.gif) no-repeat;width:8px}
.tblbot{background: url(images/tb4_m.gif) repeat-x;width:100%}
.tblr{background: url(images/tb4_r.gif) no-repeat;width:8px}

En dan heb je nog die drie plaatjes nodig uit de images map

Rico · Bericht door **Rico** » 13 mei 2005, 16:57

Dus er zit niks op dan mijn code te herschrijven?

Bee · Bericht door **Bee** » 13 mei 2005, 16:58

Je moet de CSS tussen de andere CSS plaatsen, en dan overal waar je de schaduw onder wil de code onder de afsluitende </table> plakken. Je moet dus wel alle bestanden langs

Rico · Bericht door **Rico** » 13 mei 2005, 17:12

Oke, dan betwijfel ik nog of ik het neem