Autor Zpráva
glararan
Profil *
Ahoj udělal jsem si design v photoshopu mám to rozřezané a dostal jsem k tomu nahled.html a když to otevřu je to vše pospojované tak jsem koukl na kód a koukám jo ono je to hezký ale když tam budu chtít dát text určitě to bude problém a tak se chci zeptat kde bych našel nějakej návod jak to nakodovat s obrazky.

Nahled
[img]http://img821.imageshack.us/i/nahledw.jpg/[/img]
Kód
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>gLararaN Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
</head>

<!-- Vytvořen Design z Photoshopu gLararaNem -->
<table id="Tabulka_01" width="1281" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10">
<img src="images/Header.png" alt="" name="Header" width="1280" height="144" id="Header" /></td>
<td>
<img src="images/spacer.gif" width="1" height="144" alt="" /></td>
</tr>
<tr>
<td rowspan="29">
<img id="Bez_nxe1zvu_1_02" src="images/Bez-názvu-1_02.jpg" width="12" height="848" alt="" /></td>
<td colspan="4">
<img id="Bez_nxe1zvu_1_03" src="images/Bez-názvu-1_03.gif" width="243" height="1" alt="" /></td>
<td colspan="4" rowspan="2">
<img id="Bez_nxe1zvu_1_04" src="images/Bez-názvu-1_04.png" width="1005" height="16" alt="" /></td>
<td rowspan="30">
<img id="Bez_nxe1zvu_1_05" src="images/Bez-názvu-1_05.jpg" width="20" height="850" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img id="Bez_nxe1zvu_1_06" src="images/Up_menu.png" width="229" height="15" alt="" /></td>
<td>
<img id="Bez_nxe1zvu_1_07" src="images/Bez-názvu-1_07.gif" width="14" height="15" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="15" alt="" /></td>
</tr>
<tr>
<td rowspan="26">
<img id="Bez_nxe1zvu_1_08" src="images/Bez-názvu-1_08.png" width="11" height="830" alt="" /></td>
<td>
<img id="Bez_nxe1zvu_1_09" src="images/Bez-názvu-1_09.jpg" width="207" height="57" alt="" /></td>
<td rowspan="26">
<img id="Bez_nxe1zvu_1_10" src="images/Bez-názvu-1_10.png" width="11" height="830" alt="" /></td>
<td rowspan="27">
<img id="Bez_nxe1zvu_1_11" src="images/Bez-názvu-1_11.jpg" width="14" height="832" alt="" /></td>
<td colspan="2" rowspan="24">
<img id="Bez_nxe1zvu_1_12" src="images/Bez-názvu-1_12.png" width="33" height="796" alt="" /></td>
<td rowspan="23">
<img id="Bez_nxe1zvu_1_13" src="images/Bez-názvu-1_13.png" width="957" height="785" alt="" /></td>
<td rowspan="27">
<img id="Bez_nxe1zvu_1_14" src="images/Bez-názvu-1_14.png" width="15" height="832" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="57" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_15" src="images/Bez-názvu-1_15.png" width="207" height="10" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_16" src="images/Bez-názvu-1_16.jpg" width="207" height="54" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_17" src="images/Bez-názvu-1_17.png" width="207" height="12" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="12" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_18" src="images/Bez-názvu-1_18.jpg" width="207" height="54" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_19" src="images/Bez-názvu-1_19.png" width="207" height="13" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_20" src="images/Bez-názvu-1_20.jpg" width="207" height="54" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_21" src="images/Bez-názvu-1_21.png" width="207" height="13" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_22" src="images/Bez-názvu-1_22.jpg" width="207" height="54" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_23" src="images/Bez-názvu-1_23.png" width="207" height="14" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_24" src="images/Bez-názvu-1_24.jpg" width="207" height="54" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_25" src="images/Bez-názvu-1_25.png" width="207" height="14" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_26" src="images/Bez-názvu-1_26.jpg" width="207" height="54" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_27" src="images/Bez-názvu-1_27.png" width="207" height="16" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_28" src="images/Bez-názvu-1_28.jpg" width="207" height="54" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_29" src="images/Bez-názvu-1_29.png" width="207" height="14" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_30" src="images/Bez-názvu-1_30.jpg" width="207" height="54" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td>
<img id="Bez_nxe1zvu_1_31" src="images/Bez-názvu-1_31.png" width="207" height="14" alt="" /></td
xmark
Profil
Doporučoval bych podobné fotošopy pro tento účel nepoužívat a začít úplně jinak.
Stránky se neskládají z tabulek, ale z divů. Každý div má definované odsazení navenek (margin) a odsazení dovnitř (padding). S tím si v podstatě vystačíš.
http://www.jakpsatweb.cz/okraje.html
glararan
Profil *
A můžete mi ukázat jak by to mělo vypadat v tom CSS jako příklad jeden s tím marginem a paddingem?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0