čau, zivu ukazku nemam ale poslem kod
toto je css:
Kód:
div.menucontainer {
width: 491px;
height: 49px;
margin: -25px 0px 0px 10px;
position: relative;
z-index: 2;
}
div.prva {
background: red;
width: 1px;
height: 35px;
margin: 0px;
padding: 0px 0px 0px 0px;
margin: 7px 0px 7px 0px;
flow: left;
}
div.druha {
background: black;
width: 1px;
height: 40px;
margin: 0px;
padding: 0px 0px 0px 0px;
flow: left;
}
div.tretia {
background: black;
width: 1px;
height: 40px;
margin: 0px;
padding: 0px 0px 0px 0px;
flow: left;
}
div.stvrta {
background: black;
width: 1px;
height: 40px;
margin: 0px;
padding: 0px 0px 0px 0px;
flow: left;
}
div.piata {
background: black;
width: 1px;
height: 40px;
margin: 0px;
padding: 0px 0px 0px 0px;
flow: left;
}
div.siesta {
background: red;
width: 1px;
height: 40px;
margin: 0px;
padding: 0px 0px 0px 0px;
flow: left;
}
div.siedma {
background: black;
width: 1px;
height: 40px;
margin: 0px;
padding: 0px 0px 0px 0px;
flow: left;
}
div.osma {
background: black;
width: 1px;
height: 40px;
margin: 0px;
padding: 0px 0px 0px 0px;
flow: left;
}
div.deviata {
background: black;
width: 1px;
height: 40px;
margin: 0px;
padding: 0px 0px 0px 0px;
flow: left;
}
div.desiata {
background: black;
width: 1px;
height: 40px;
margin: 0px;
padding: 0px 0px 0px 0px;
flow: left;
}
div.menu {
background-image:url("../obr/vzormenu.png");
width: 401px;
height: 49px;
float: left;
margin: 0px 0px 0px 10px;
padding: 0px;
position: relative;
z-index: 2;
}
a takto vyzera kod v html
Kód:
<div class = "menucontainer"> <!-- obsahuje vsetky menu divy -->
<div class = "prva"> <!-- urovne sluzia na spravenie zaoblenia - budem robit rozny padding -->
</div><!-- koniec prvej -->
<div class = "druha">
</div> <!-- koniec druhej -->
<div class = "tretia">
</div> <!-- koniec tretej -->
<div class = "stvrta">
</div> <!-- koniec stvrtej -->
<div class = "piata">
</div> <!-- koniec piatej -->
<div class = "menu"> <!-- rozmery tomu dam 545x136, plus pravy a lavy margin nejaky -->
</div> <!-- koniec divu menu -->
<div class = "siesta">
</div> <!-- koniec piatej -->
<div class = "siedma">
</div> <!-- koniec stvrtej -->
<div class = "osma">
</div> <!-- koniec tretej -->
<div class = "deviata">
</div> <!-- koniec druhej -->
<div class = "desiata"> <!-- urovne sluzia na spravenie zaoblenia - budem robit rozny padding -->
</div><!-- koniec prvej -->
</div> <!-- koniec menucontaineru -->
dik za rychle zapojenie sa do debaty
edit: tie moje komentare si nevsimajte; som to menil takže sú kusok neaktualne