Autor | Zpráva | ||
---|---|---|---|
FRIAN Profil * |
#1 · Zasláno: 18. 10. 2007, 19:03:56
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 |
#2 · Zasláno: 18. 10. 2007, 19:28:10
FRIAN
Tak zmenši šířku popř. padding jednotlivých položek. |
||
habendorf Profil |
#3 · Zasláno: 18. 10. 2007, 19:31:22
Tak tomuhle říkám úsporné css :o)
|
||
Bubák Profil |
#4 · Zasláno: 18. 10. 2007, 20:36:57
ul#menu li a.1
To asi nebude fungovat ve Firefoxu, zvolil jsi nevhodný název třídy. |
||
FRIAN Profil * |
#5 · Zasláno: 18. 10. 2007, 21:17:50
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 |
#6 · Zasláno: 18. 10. 2007, 21:30:54
Jméno ID nebo třídy nesmí začínat (mimo jiné) číslicí.
|
||
FRIAN Profil * |
#7 · Zasláno: 19. 10. 2007, 06:45:00
Bubák: tak to jho, dík.
|
||
Časová prodleva: 17 let
|
0