lägga in kant bilder i css?

3 svar · 503 visningar · startad av Bosse168 20 nov. 2006

Bosse168Medlem sedan nov. 20031 018 inlägg

20 nov. 2006 21:59#1

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);">&nbsp;</td>
            <td width="151" style="background-image: url(_img/boxes/green_top_middle.jpg);" class="rubrik_vit">Annonser! (f&auml;rg?) </td>
            <td width="13" style="background-image: url(_img/boxes/green_top_right.jpg);">&nbsp;</td>
          </tr>
      		<tr style="background-image:url(_img/boxes/green_bkg.jpg)">
            <td>&nbsp;</td>
            <td>texten här...</td>
            <td>&nbsp;</td>
          </tr>
      <tr class="style1">
        <td height="12" style="background-image: url(_img/boxes/green_bottom_left.jpg);">&nbsp;</td>
        <td style="background-image: url(_img/boxes/green_bottom_middle.jpg);">&nbsp;</td>
        <td style="background-image: url(_img/boxes/green_bottom_right.jpg);">&nbsp;</td>
          </tr>
        </table>

Tack på förhand :stud

oskarsMedlem sedan nov. 20051 317 inlägg

21 nov. 2006 06:06#2

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" />

KallibanMedlem sedan feb. 200465 inlägg

21 nov. 2006 06:26#3

Det här är så mycket enklare, snyggare, bättre.
http://alistapart.com/articles/mountaintop/

Bosse168Medlem sedan nov. 20031 018 inlägg

22 nov. 2006 16:37#4

Tackar, tackar så mycket för svaren. :)