M�r sokan k�rdezt�k, hogy hogyan lehet megoldani, hogy az oldals� modulok is t�bl�zatban legyenek, mint a k�z�ps�k (term�szetesen m�s legyen a k�p�k), h�t itt az id�, hogy le�rjam.
Azt mindenk�pp tiszt�zni szeretn�m, hogy csak akkor pr�b�ld meg, ha sima t�bl�zatk�d meg tudod csin�lni, �s valamennyire �rtesz a k�dokhoz, k�l�nben nem fog siker�lni.

Ugyan�gy, mint a sima t�bl�zatn�l magad is elk�sz�theted a k�dot. T�m�ren le fogom �rni, hogy hogyan is kell, de ut�na –a biztons�g kedv��rt- be fogok m�solni egy m�r elk�sz�tett t�bl�zat- �s css k�dot.

Sz�val kezdj�k a saj�t t�bl�zattal:
Hozz l�tre egy egyszer� modult, amit jobb- / baloldalra helyezel el. Ut�na m�sold be az eredeti, k�z�ps� modulodnak a t�bl�zatk�dj�t (persze a m�retek nem lesznek j�k, de azon majd k�s�bb kell voltoztatni) �s a le�r�snak megfelel�en �rd �t!
Ugye a t�bl�zatk�dodn�l van ez a k�d:
<table cellspacing="0" cellpadding="0" border="0" class="fejlec" style="width: 610px; height: 141px;">
    <tbody>
        <tr>
            <td>
            <p><span style="font-size: 10.5pt;">C�M<br />
            </span></p>
            </td>
        </tr>
    </tbody>
</table>
Itt csak annyi a dolgod, hogy a class="fejlec" r�sz �t�rod pl. class="modulfejlec" –re. A t�bbi r�szn�l (class="kozepr�sz" ; class="lablec") ugyan�gy �rd �t pl. modulkozep -re �s modullablec –re.

A t�bl�zattal csak annyi a dolgunk, most j�n a CSS r�sz:
A saj�t css k�dodban l�tre kell hozni egy �j r�szt (ahogy �rtam kell k�dismeret), aminek a t�bl�zatban megadott class nevek lesznek a c�me.
Teh�t nekem ilyen r�szei lenn�nek:
  .modulfejlec {
tartalom;
  .mdulkozep {
tartalom;
  .modullablec {
tartalom;

Val�j�ban ennyi az eg�sz, nem nagy �rd�ng�ss�g, rem�lem �rthet� volt a magyar�zat. Ha valakinek nem menne, itt vannak a k�sz, m�r �t �rott k�dok:

T�bl�zat:
<table cellspacing="0" cellpadding="0" border="0" class="modulfejlec" style="width: 200px; height: 141px;">
    <tbody>
        <tr>
            <td>
            <p><span style="font-size: 10.5pt;">MODUL C�ME<br />
            </span></p>
            </td>
        </tr>
    </tbody>
</table>
<table cellspacing="0" cellpadding="0" border="0" class="modulkozepresz" style="width: 200px; height: 141px;">
    <tbody>
        <tr>
            <td style="text-align: left;">IDE J�N A TARTALOM</td>
        </tr>
    </tbody>
</table>
<table cellspacing="0" cellpadding="0" border="0" class="modullablec" style="width: 200px; height: 129px;">
    <tbody>
        <tr>
            <td>
            <p>ide �rhatsz b�rmit, pl: Adri design</p>
            </td>
        </tr>
    </tbody>
</table>

CSS:
<style type="text/css">
.modulfejlec{
        text-align: center;
        background-image: url("FEJL�C URL C�ME");
        font-family: tahoma;
        font-weight: bold;
        width: 450px;
        height: 50px;
        padding-top: 60px;
        padding-left: 150px;
        padding-right: 0px;
        padding-bottom: 0px;}
.modulkozepresz{
        background-image: url("K�Z�PS� R�SZ URLC C�ME");
        font-size: 11px;
        font-family: tahoma;
        color: #808080;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0px;
        padding-bottom: 0px;}
.modullablec {
        background-image: url("L�BL�C URL C�ME");
        font-size: 11px;
        font-family: tahoma;
        font-weight: bold;
        width: 430px;
        height: 50px;
        padding-right: 0px;
        padding-left: 220px;
        padding-top: 0px;
        padding-bottom:20px;}

</style></p>