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
Děkuju moc, to je ono. Díky

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: