Autor Zpráva
rad
Profil *
Mám tento kód bohužel mi to pořád nejde nejak zarovna potreboval bych aby se prvky floatovaly za sebe.takhle se mi obrázky překrývají ...vlastnost float jsem už zkousel ..vím že je to špatným pozicováním jenom už nevím jak na to díky za radu

CSS:
#menu ul{ 
width:430px; /* sirka */ 
height:45px; 
text-align: center; 
padding: 0px; 
margin: 0px auto; 
} 

a.home,a.home span { 
margin:0; padding:0; 
position:relative; 
width:71px; height:45px; 
overflow:hidden;} 
a.home span { 
display:block; 
width:71px; height:45px; 
margin:0; padding:0; 
background: url(img/menu.gif) no-repeat; 
position:absolute; left:0; top:0; z-index:1; 
} 

a.menubook, a.menubook span{ 
position:relative; 
margin:0; padding:0; 
height: 45px; 
width:143px; 
overflow:hidden; 
} 

a.menubook span { 
display:block; 
width:143px; height:45px; 
margin:0; padding:0; 
background: url(img/menubook.gif) no-repeat; 
position:absolute; top:0; z-index:1; 
} 


a.menugallery, a.menugallery span{ 
position:relative; 
margin:0; padding:0; 
height: 45px; 
width:121px; 
overflow:hidden; 
} 

a.menugallery span { 
display:block; 
width:121px; height:45px; 
margin:0; padding:0; 
background: url(img/menugallery.gif) no-repeat; 
position:absolute; top:0; z-index:1; 


} 

a.tshirt, a.tshirt span{margin:0; padding:0; 
height: 45px ; 
width:121px; 
overflow:hidden; 
position:relative; 

} 

a.tshirt span{ 
display:block; 
width:80px; height:45px; 
margin:0; padding:0; 
background: url(img/tshirt.gif) no-repeat; 
position:absolute; top:0; z-index:1; 


} 



li { 
display: inline; 
list-style: none; 
float: left; 
} 


Kód HTML:
<div id="menu">	
<ul>
<li>
<a class="home" href="#">Homepage<span></span></a></li>
<li><a class="menubook"href="#">Guest book a anketa<span></span></a></li>
<li><a class="menugallery"href="#">Gallery<span></span></a></li>
<li><a class="tshirt"href="#">T-shirts<span></span></a></li>
</ul>
 </div>


----
Editace Mistrem: Sjednocení dvou příspěvků do jednoho.
rad
Profil *
ja teda nevim jestly to chapete ? diky
habendorf
Profil
Linky musíš taky floatnout.
rad
Profil *
a.tshirt, a.tshirt span{margin:0; padding:0;
height: 45px ;
width:121px;
overflow:hidden;
position:relative;

}

a.tshirt span{
display:block;
width:80px; height:45px;
margin:0; padding:0;
background: url(img/tshirt.gif) no-repeat;
position:absolute; top:0; z-index:1;
float:left ??? takto ??

}
habendorf
Profil
Linky musíš taky floatnout. Ne spany.
rad
Profil *
a.tshirt, a.tshirt span{margin:0; padding:0;
height: 45px ;
width:121px;
overflow:hidden;
position:relative;
float:left ??? takto ?? ???
}

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: