| 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 * |
#2 · Zasláno: 4. 2. 2008, 22:27:59
ja teda nevim jestly to chapete ? diky
|
||
| habendorf Profil |
#3 · Zasláno: 4. 2. 2008, 22:32:38
Linky musíš taky floatnout.
|
||
| rad Profil * |
#4 · Zasláno: 5. 2. 2008, 09:22:05
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 |
#5 · Zasláno: 5. 2. 2008, 09:47:22
Linky musíš taky floatnout. Ne spany.
|
||
| rad Profil * |
#6 · Zasláno: 5. 2. 2008, 10:01:19
a.tshirt, a.tshirt span{margin:0; padding:0;
height: 45px ; width:121px; overflow:hidden; position:relative; float:left ??? takto ?? ??? } |
||
|
Časová prodleva: 16 let
|
|||
0