Autor | Zpráva | ||
---|---|---|---|
mantisa Profil |
#1 · Zasláno: 8. 11. 2007, 23:47:00 · Upravil/a: mantisa
Ahoj,
možná je to tím, že je pokročilá hodina, ale spíš tím, že nejsem nejbystřejší... :-) menu { position: relative; width: 340px; height: 41px; background: url('../img/menu.gif') no-repeat 0 0; } menu li, menu li a { float: left; display: inline; list-style-type: none; } li#uvod { position: relative; left: 14px; overflow: hidden; font-weight: bold; width: 90px; height: 41px; } li#uvod, li#uvod a, li#uvod span { display: block; width: 90px; height: 41px; background: url('../img/uvod.gif'); cursor: pointer; } li#uvod span { position: absolute; top: 0; left: 0; } li#uvod a:hover span, li#uvod a.aktivni { background-position: -90px; } <menu> <li id="uvod"><a href="#" class="aktivni">Úvod<span> </span></a></li> </menu> položka Úvod bohužel není aktivní, obrázek není posunut o 90px, ale zůstává v počáteční poloze, proč, prosím? Díky P.S.: Snad to nebude prkotina, ale problém hodný zamyšlení. :-) |
||
Manq Profil |
#2 · Zasláno: 9. 11. 2007, 07:44:22
background-position: -90px;
Nechybí tam ještě jedna hodnota? Nejsem si jist, ale nejsou zapotřebí dvě hodnoty? Pozive v ose X a v ose Y? |
||
mantisa Profil |
#3 · Zasláno: 9. 11. 2007, 08:52:25
Manq
ahoj, pokud posouvám horizontálně, tak by toto mělo být dobře, nevadí, když vynechám druhou hodnotu, která je 0px každopádně hover funguje, ale aktivní položka ne, čemuž nerozumím |
||
Anonymní Profil * |
#4 · Zasláno: 10. 11. 2007, 09:35:09
že by záhada? :-)
mantisa |
||
Anonymní Profil * |
#5 · Zasláno: 10. 11. 2007, 10:26:07
teď vážněji, nejspíš špatně koukám, avšak chybu nikde nevidím, prosím o jakýkoli nápad
přes include se mi to nechce řešit, když se jedná o tři položky menu díky, mantisa |
||
mantisa Profil |
#6 · Zasláno: 10. 11. 2007, 15:10:04
tak vyřešeno, samozřejmě drobnost:
li#uvod a:hover span, li#uvod a.aktivni span { background-position: -90px; } chyběl tam span |
||
Časová prodleva: 16 let
|
0