Autor Zpráva
Klainer
Profil *
ahoj mám problém s textem v menu podívejte na
http://www.hamar.cz/test/index.html nejde mi tam dát padding z hora chci to
vicentrovat aby ten text byl tak 10px od hora nebo 5px ... nevíte čím to může
být ?
tady je urývek css:


#button {
width: 184px;
height: 25px;
display: block;
margin: 0px;
padding: 0px;
}
#button li {
display: block;
height: 25px;
position: relative;
margin: 0px 0px;
padding: 0px;
}

#button li a {
display: block;
width: 184px;
height: 25px;
margin: 0px;
color: #355302;
text-decoration: none;
font: 0.8em 'Arial CE','Helvetica CE',Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left;
background: url('./images/button.png') top left no-repeat;
}
#button li a:hover {

}

#button li a span {
padding: 10px 25px;
padding-top: 5px;
margin: 0px;
color: #355302;
}
zimmi
Profil
1) Zkus to nahradti třeba číslem 100, možná jsi změnu jen nepostřehl.
2) zkus to přes margin u #button li a.
Knopi
Profil
Klainer: Zkus to takhle

#button {
width: 184px;
overflow: hidden;
font: 80% 'Arial CE','Helvetica CE', Arial, Helvetica;
}

#button li {
list-style: none;
border-bottom: 1px solid white;
}

#button li a {
display: block;
padding: 10px;
color: #355302;
text-decoration: none;
font-weight: bold;
text-align: left;
background: silver url('./images/button.png') no-repeat left center;
}

#button li a:hover {
background: gray;
color: white;
}

Měl jsi tam poměrně dost zbytečných věcí a některé věci patří úplně někam jinam. Odsazení si tam už uprav a bude vše OK. Umazal jsem ti tam i označené položky, tak to si tam pak také dodělej. Pokud by jsi chtěl to jak jsi to měl, že po hoveru (přejetí kurzorem) se ti tlačítko zeslabilo, tak jen dopiš do hoveru menší padding. Nedoporučuji, protože pak je menu celé v pohybu.

Pak jestli mohu poradit, tak dej všechny položky v html na jeden řádek bez mezer! V IE 5 se ti jinak udělá mezera pod každou položkou....

Toto téma je uzamčeno. Odpověď nelze zaslat.

0