Tabulky
tahej!!:D
* {
padding: 0px;
margin: 0px;
}
div.kokos{
margin:auto;
width:auto;}
div#box{
width:800px;
background-color:#FFF;
margin:auto;
margin-top:170px;
border:none; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#000;
padding:30px;
background-image:url(../../obrazky/pozadi.png);
}
div#footer{
text-align:center;
color:#808040;
margin:10px;
}
body{
background-color:#b8c8ad;
background-image:url(../../obrazky/konecne.jpg);
background-repeat:no-repeat; background-attachment:scroll;
font-size:20px;
background-position:top;
font-family:Verdana, Geneva, sans-serif;
color:#000;
font-size:20px;
}
ul#menu{
margin-left:100px; /* viz pravidlo ul */
list-style:none;
border:2px solid #999;
width:240px;
background-color:#484848;
font-family:Calibri, Verdana, Geneva;
margin-left:0px;
float:left;
margin-top:0px;
}
ul#menu li{
border-bottom:1px dotted #fff;
padding:5px;
text-align:left;
font-weight:300px;
}
ul#menu li a:before{
border-bottom:1px dotted #fff;
}
ul#menu li:last-child{
border-bottom:0px;
}
ul#menu li a {color:#fff;
text-decoration:none;
display:block;/*díky zarovnání do blocku nemusíme v menu kliknout jenom na text, ale můžeme na celý jeden blok ve kterem je text*/
}
ul#menu li:hover{
background-color:#0b8204;/*po najetí myší, se změní př. pozadí, cokoliv (blind:D)*/
color:#000;
}
h1{
color:#0b8204;
font-size:40px;}
h2{
color:#0b8204;
font-size:30px;
margin-top:10px;}
li{
margin:5px;}
img.napajedla{
display:block;
margin:auto;
}
ul.bezplatne{
font-weight:bold;} /*Abychom nemuseli dávat prazně u každého li <strong>, tak se to dá vyřešit tímto*/
toto způsobí, že každý sudý řádek bude mít určené pozadí
tr:nth-child(even)
{
background-color:#0FF;
}
toto způsobí, že každý sudý sloupec bude mít určené pozadí ( stačilo přidat td)
tr td:nth-child(even) {
background-color:#0FF;
}
změněním even na odd to bude platit pro liché
Po najetí na to, se změní barva celého řádku
tr:hover{
background-color:#FF0;}
zarovná všechny položky ve třetím sloupci doprava
tr td:nth-child(3){
text-align:right;
}
A | B | C |
D | ||
E |
<table border="1" cellpadding="10">
<caption>Hlavička</caption>
<tr><td>A</td> <td>B</td> <td rowspan="2">C</td> </tr>
<tr> <td colspan="2">D</td> </tr>
<tr> <td colspan="3">E</td> </tr>
</table>