Autor Zpráva
Jaki
Profil *
Potřeboval bych poradit jak udelat tuto tabulku:

Můžete mi poradit? Nějak se mi nedaří ty strany. Díky

http://img96.imageshack.us/my.php?image=tabulkans1.jpg
DJ Miky
Profil
Těm stranám dej <td rowspan="4"> a natáhne ti je to přes čtyři řádky tabulky.
venca163
Profil
http://www.jakpsatweb.cz/tabulky.html#spojovani
Jaki
Profil *
<table cellspacing="0" cellpadding="0" border="0">
<tr class="levy">
<td rowspan="6"></td>
</tr>
<tr class="top">
<td colspan="4"></td>
</tr>
<tr class="pravy">
<td rowspan="6"></td>
</tr>
<tr class="logo">
<td colspan="4"></td>
</tr>
<tr class="linka">
<td colspan="2"></td>
</tr>
<tr class="kontakt">
<td colspan="4"></td>
</tr>
<tr>
<td class="obsah" valign="top">
</tr>
<tr class="paticka">
<td colspan="4"></td>
</tr>
</table>

Takhle mi to nejde
Alphard
Profil
dle obrázku: http://img96.imageshack.us/my.php?image=tabulkans1.jpg



<table>
<tr>
<td rowspan="4">A</td>
<td colspan="2">A</td>
<td rowspan="4">A</td>
</tr>
<tr>
<td colspan="2">A</td>
</tr>
<tr>
<td>A</td>
<td>A</td>
</tr>
<tr>
<td colspan="2">A</td>
</tr>
</table>
Jaki
Profil *
<table cellspacing="0" cellpadding="0" border="0">
<tr class="levy">
<td rowspan="4"></td>
</tr>
<tr class="top">
<td colspan="2"></td>
</tr>
<tr class="pravy">
<td rowspan="6"></td>
</tr>
<tr class="logo">
<td colspan="2"></td>
</tr>
<tr class="menu" valign="top"></td>
</tr>
<tr>
<td class="obsah" valign="top">
</tr>
<tr class="paticka">
<td colspan="2"></td>
</tr>
</table>

CSS:

.levy{
width: 20px;
background-image: url("../images/bg_left.gif");
}

.top{
width: 850px;
height: 15px;
background-image: url("../images/background.gif");
}

.pravy{
width: 20px;
background-image: url("../images/bg_right.gif");
}

.logo{
width: 850px;
height: 137px;
background-image: url("../images/logo.jpg");
background-color: #ffffff;
}


.menu{
width: 170px;
height: 490px;
}

.obsah{
width: 680px;
height: 490px;
background-color: #606060;
}

.paticka{
width: 850px;
width: 20px;
}
Jaki
Profil *
Takhle mi to nejde
venca163
Profil
Takhle mi to nejde
to, co ti napsal Alphard je řešení, radím, drž se toho, přidej už jen třídy!
stačí už jen nastavit potřebné šířky a výšky pomocí css...
valign rovněž nahraď v css vertical-align

ve tvém kódu ti často chybí počáteční nebo koncový tag td apod...
Bubák
Profil
Takhle mi to nejde
Chybí tomu nožičky ;-)


<style>
table {pettitoes: 4;} /* tenhle radek smaz, to je vtipek */
table {border-collapse: collapse;}
td {border: 1px solid #000;}

#levy{
width: 20px;
background: url("../images/bg_left.gif");
}

#top{
width: 850px;
height: 15px;
background: url("../images/background.gif");
}

#pravy{
width: 20px;
background: url("../images/bg_right.gif");
}

#logo{
height: 137px;
background: #fff url("../images/logo.jpg");
}


#menu{
width: 170px;
height: 490px;
vertical-align: top;
}

#obsah{
width: 680px;
background-color: #666;
vertical-align: top;
}

#paticka{
width: 20px;
}
</style>


<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="levy" rowspan="4">&nbsp;
<td id="top" colspan="2">horní
<td id="pravy" rowspan="4">&nbsp;
</tr>
<tr>
<td id="logo" colspan="2">logo
</tr>
<tr>
<td id="menu" >menu
<td id="obsah" >obsah
</tr>
<tr>
<td id="paticka" colspan="2">patička
</tr>
</table>

Udivuje mě, že klidně napíšeš třeba "<td rowspan="6">", přitom tabulku máš 4 × 4. Chápu, že pro tebe takové spojování buněk je něco záhadného, tak si stáhni třeba NVU, a tabulku si připrav v něm, ostatní doděláš hezky ručně.

Trochu jsem ti upravil i CSS, bylo dost ukecané.
Toto téma je uzamčeno. Odpověď nelze zaslat.