Autor Zpráva
Jaki
Profil *
#1 · Zasláno: 30. 10. 2006, 18:14:21
Odpovědět Citovat
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
#2 · Zasláno: 30. 10. 2006, 18:18:51
Odpovědět Citovat
Těm stranám dej <td rowspan="4"> a natáhne ti je to přes čtyři řádky tabulky.
venca163
Profil
#3 · Zasláno: 30. 10. 2006, 19:09:59
Odpovědět Citovat
http://www.jakpsatweb.cz/tabulky.html#spojovani
Jaki
Profil *
#4 · Zasláno: 30. 10. 2006, 20:30:28
Odpovědět Citovat
<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
#5 · Zasláno: 30. 10. 2006, 20:52:03
Odpovědět Citovat
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 *
#6 · Zasláno: 30. 10. 2006, 20:53:59
Odpovědět Citovat
<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 *
#7 · Zasláno: 30. 10. 2006, 21:12:19
Odpovědět Citovat
Takhle mi to nejde
venca163
Profil
#8 · Zasláno: 30. 10. 2006, 22:13:48
Odpovědět Citovat
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
#9 · Zasláno: 30. 10. 2006, 22:42:33
Odpovědět Citovat
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é.
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0