3 svar · 503 visningar · startad av Bosse168
Någon über duktig som kan visa mig hur man enkelt gör för att länka in bilderna i min tabell in i min css-fil.
Så här ser koden ut nu:
<table width="177" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="13" height="24" style="background-image: url(_img/boxes/green_top_left.jpg);"> </td>
<td width="151" style="background-image: url(_img/boxes/green_top_middle.jpg);" class="rubrik_vit">Annonser! (färg?) </td>
<td width="13" style="background-image: url(_img/boxes/green_top_right.jpg);"> </td>
</tr>
<tr style="background-image:url(_img/boxes/green_bkg.jpg)">
<td> </td>
<td>texten här...</td>
<td> </td>
</tr>
<tr class="style1">
<td height="12" style="background-image: url(_img/boxes/green_bottom_left.jpg);"> </td>
<td style="background-image: url(_img/boxes/green_bottom_middle.jpg);"> </td>
<td style="background-image: url(_img/boxes/green_bottom_right.jpg);"> </td>
</tr>
</table>
Tack på förhand :stud
Skapa en fil som heter style.css eller liknande.
CSS:
.td_top_left {
background-image:url(_img/boxes/green_top_left.jpg);
}
och sen på td-taggen:
<td class="td_top_left"></td>
Sen fortsätter du bara och gör likadant med alla andra TD-taggar =)
Psst. glöm inte att lägga in en länk till css-filen i <head>:
<link rel="stylesheet" href="style.css" type="text/css" />
Det här är så mycket enklare, snyggare, bättre.
http://alistapart.com/articles/mountaintop/
Tackar, tackar så mycket för svaren. :)