Autor Zpráva
FRIAN
Profil *
Prosím, potřebuju poradit s menu, nějak mi to bybne a já už opravdu netuším čím to... Pls hepl.

Menu v kodu:
<ul id="menu">
<li><a class="1" href="#" title="Kontakt">Kontakt</a></li>
<li><a class="2" href="#" title="Mé vybrané práce" >Reference</a></li>
<li><a class="3" href="#" title="Co vám mohu nabídnout?" >Nabídka</a></li>
<li><a class="4" href="#" title="Hlavní strana" >Hlavní strana</a></li>

</ul>

Menu v css:
ul#menu{
list-style: none;
margin-top: 17px;
margin-left: -20px;
position: absolute;

}

ul#menu li{float:right;}

ul#menu li a.1{
color: white;
background:transparent url("menu1.png") no-repeat;
width:149px;
height:38px;
display: block;
text-decoration: none;
padding-left:20px;
padding-top:10px;
}
ul#menu li a.2{
color: white;
background:transparent url("menu2.png") no-repeat;
width:149px;
height:38px;
display: block;
text-decoration: none;

padding-left:20px;
padding-top:10px;
}
ul#menu li a.3{
color: white;
background:transparent url("menu3.png") no-repeat;
display: block;
text-decoration: none;

width:149px;
height:38px;
padding-left:20px;
padding-top:10px;
}
ul#menu li a.4{
color: white;
background:transparent url("menu4.png") no-repeat;
width:149px;
height:38px;
display: block;
text-decoration: none;

padding-left:20px;
padding-top:10px;
}

ul#menu li a:hover.1 {
color: #FBFBFB !important;
background: transparent url("menuh1.png") no-repeat ;
text-decoration: underline;
}
ul#menu li a:hover.2{
color: #FBFBFB !important;
background: transparent url("menuh2.png") no-repeat ;
text-decoration: underline;
}
ul#menu li a:hover.3{
color: #FBFBFB !important;
background: transparent url("menuh3.png") no-repeat ;
text-decoration: underline;
}
ul#menu li a:hover.4{
color: #FBFBFB !important;
background: transparent url("menuh4.png") no-repeat ;
text-decoration: underline;
}

Odkaz(zatím to jakž takž běhá jen v opeře, v exploreru to vybíhá z hlavičky a ve firefoxu se neoběvují obrázky na pozadí odkazu): odkaz

Ještě jednou prosím o radu...
Str4wberry
Profil
FRIAN
Tak zmenši šířku popř. padding jednotlivých položek.
habendorf
Profil
Tak tomuhle říkám úsporné css :o)
Bubák
Profil
ul#menu li a.1
To asi nebude fungovat ve Firefoxu, zvolil jsi nevhodný název třídy.
FRIAN
Profil *
Bubák: jak to myslis, jako ze to nebere cisla? zkusím, dík
díky všem, jdu dál zkoušet ;o)).
Bubák
Profil
Jméno ID nebo třídy nesmí začínat (mimo jiné) číslicí.
FRIAN
Profil *
Bubák: tak to jho, dík.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0