| Autor | Zpráva | ||
|---|---|---|---|
| lenek Profil |
Zdravím, prosim Vás o pomoc. Potřebuji udělat horizontální menu ze třech obrázků a ty odkazy vložit do horizontálního proužku (taky obrázek). Snažila jsem se dosadit float:left; ale nefugovalo mi to. Prosim Vás, kdo mi to menu pomůže narovnat. Je to příklad z knihy od pana Staníčka (tam je to menu vertikální a bez pruhu) . Na http://babylonie.cz/obrazkove-menu/ jsem to nahrála a kód vypadá takhle:
#nav{
background: url(primary-links.jpg);
position: absolute;
top: 229px;
left: 7px;
width: 962px;
height: 30px;
float: left;
background-color: rgb(36,62,89);
z-index:1;}
#menu {
width: 143px;
}
#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu li {
width: 100%;
margin: 2px 0;
background: #E9BE75 url("button.jpg") no-repeat 0 0;
}
#menu li.active {
color: white;
background: #9A5A4E url("button.jpg") no-repeat -143px 0;
}
#menu a, #menu li {
display: block;
text-align: center;
height: 28px;
line-height: 26px;
}
#menu a {
color: black;
}
#menu a:hover {
color: white;
background: black url("button.jpg") no-repeat -286px 0;
}<div id="nav">
<div id="menu">
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li class="active">Dolor sit</li>
<li><a href="#">Consectetuer</a></li>
<li><a href="#">Adipiscing elit</a></li>
<li><a href="#">Sed a nulla</a></li>
</ul>
</div></div>Děkuji za pomoc. Ahoj l.lenek |
||
| don jebot Profil |
#menu {
width: 143px;
}
zmen na
#menu {
width: 100%px;
}a li daj velkost 143px + float left |
||
| lenek Profil |
#3 · Zasláno: 29. 10. 2009, 18:12:47
Děkuju moc, to je ono. Díky
|
||
|
Časová prodleva: 14 let
|
|||
0