Ez a táblázat CSS-e: (EZ a lényeg) /ezt is illeszd be/
<p><style type="text/css">
/* ez a rész a táblázat (modul) fejlécére, nevére vonatkozik */
td.fejlec
{background:url(Ide írd a felső kép URL-jét) no-repeat; /* fejléc url címe */
font-family: verdana; /* betűtípus */
font-size: 10pt; /* betűméret */
color: #000000; /* betűszín */
text-align:center; /* név igazítása: center=közép, left=bal, right=jobb */
height: 150px; /* fejléc-kép magassága */
width: 390px;} /* fejléc-kép szélessége */
/* ez a rész a tartalmi részre vonatkozik */
td.tartalom
{background:url("Ide a középsőét") repeat-y; /* tartalom képének url címe */
padding-right: 8px; /* távolság a jobb oldaltól */
padding-top: 0px; /* távolság a felső résztől */
padding-bottom: 0px; /* távolság az alsó résztől */
padding-left: 8px; /* távolság a bal oldaltól */
color: #000000; /* betűszín */
font-size: 8pt;} /* betűméret */
/* ez a rész a táblázat (modul) aljára vonatkozik */
td.lablec
{background:url("És ide az alsó kép URL-jét") no-repeat; /* a fejléc-lábléc url címe */
height: Ide írd be, hogy milyn magas lesz a felső és az alsó is px;} Ugyanolyan magasra csináld a felső és az alsó képet, mert külön nem lehet a magasságot beállítani! :D /* a fejléc-lábléc magassága */</style></p>
A többihez meg oda van írva! :D
Most jön a táblázatkód! Ez fogja megjeleníteni, ami a CSS-be van! :)
<table cellspacing="0" cellpadding="0" width="450px">
<tbody>
<tr>
<td class="fejlec" height="10">fejlec</td>
</tr>
<tr>
<td class="tartalom" height="10">tartalom</td>
</tr>
<tr>
<td class="lablec" height="10">láblec</td>
</tr>
</tbody>
</table>
A legelső sorba a width=450px-t átírhatod, amilyen széles lesz! :)
Ezt is illeszd be, menj ki a forráskódból és már tudsz is írni bele!
|