Autor Zpráva
megaman
Profil
Mam tabulku a tam dva sloupce. Ale nedari se mi správně udělat ve druhém sloupci správně ohraničení řádků a pak rozdělení linkou tyto dva sloupce, aby nebyla přerušvaná.

Má někdo ideu?


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
body {
background-color: #FFFFFF;
font-family: Verdana, Tahoma;
text-align: center;
font-style: normal;
}
div.main {
margin: 0 auto;
width: 820px;
}
div.header {
background-color: #000;
color: #FFFFFF;
padding-top: 20px;
padding-bottom: 20px;
font-size: 1.2em;

}

SPAN.headerSpan {
font-size: 0.8em;
font-style: italic;
}
div.headerLine {
background-color: #blue;
height: 6px;
border-top: 3px solid;
border-bottom: 3px solid;
border-color: #FFFFFF;
}
TABLE {
border-collapse: collapse;
width: 820px;
font-size: 1.1em;
font-size: 13px;
color: #007AC1;
font-family: Arial;
}
TABLE TD.menuTd {
border-right: 1px solid #007AC1;
border-bottom: none;
padding-top: 8px;
padding-bottom: 8px;
font-size: 15px;
}
}TABLE TD.menuTd2 {
border:none;
padding-top: 8px;
padding-bottom: 8px;
border-top:none;
font-size: 15px;
}
TABLE TR {
padding: 0px;
}

TABLE TR.menu {
background-color: #C2D2EB;
border-bottom: none;

}
TABLE TR.green {
background-color: #EAD9B6;
border-bottom: none;
}
TD {
width: 50%;
padding-left: 10px;
border-bottom-style: solid;
border-width: 2px;
border-color: #FF0000;
}
TD.rightOne {
border-right: 1px solid #007AC1;
}

TD .secondOne {
border-bottom-style: solid;
border-width: 2px;
border-color: #A8DBCF;
}
div.footer {
background-color: #000;
color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 7px;
Font-weight: bold;
}
div.footerLine {
background-color: #000;
height: 6px;
}

</style>


</head>
<body>
<DIV class="main">
<DIV class="header">
Jak nastavit ve stylech správně okraje? <SPAN class="headerSpan">Také levý a pravý sloupec se mi nedaří rozdělit jednou nepřerušovanou linkou.</SPAN>
</DIV>
<DIV class="headerLine">
&nbsp;
</DIV>
<TABLE>
<TR class="menu">
<TD class="menuTd">Levý sloupec</TD><TD class="menuTd2">Pravý sloupec má chybu</TD>
</TR>
<tr>
<td class="rightOne">Tady bude text</td>
<td class="secondOne">Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td class="secondOne">Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td class="secondOne">Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td class="secondOne">Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr>
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
<tr class="green">
<td class="rightOne">Tady bude text</td>
<td>Tady bude text</td>
</tr>
</TABLE>
<DIV class="footer">????
</DIV>
<DIV class="footerLine">
</DIV>


</DIV>
</body>
</html>
megaman
Profil
Fakt nikdo neví?
Jiří Šálek
Profil *
Cellspacing u tabulky musí být 0. Pak se ti nepřeruší spodní border mezi buňkami td.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0