Jdi na obsah Jdi na menu
 


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;
    }

 

Hlavička
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>