Autor Zpráva
codl
Profil *
Ahoj, rád bych rozchodil následující:

Mám horizontální menu a každý název sekce v menu je ohraničen textovou závorkou.
Příklad: ( menu1 ) ( menu2 ) ( menu3 )
Potřebuji, aby když najedu myší třeba na menu1, tak aby se změnila barva závorek na jinou a barva písma menu1 zůstala stejná.
Řešením by byla záměna obrázků, ale jelikož popis menu1, menu2, atd. bude pokaždé jiný název a nevím jak dlouhý, potřebuji to vyřešit nějak univerzálně.

Poradáte někdo jak na to?
Díky.
Codl
vertigo4
Profil
co třeba dát ty závorky do spanu a při hoveru je měnit?
lechat
Profil *
<style>

.content, .wrapper {
color:navy;
}

.wrapper a:hover {
color: orange;
}

a {
text-decoration:none;
}

</style>

<div>
<span class="wrapper"><a href="#">( <span class="content">menu 1</span> )</a></span>
<span class="wrapper"><a href="#">( <span class="content">menu 2</span> )</a></span>
<span class="wrapper"><a href="#">( <span class="content">menu 3</span> )</a></span>
</div>
codl
Profil *
super!
děkuju -- vyřešeno
vertigo4
Profil
lechat
a co to jako má být? menu? pěkné, no, pomocí divu a spanů...

HTML:
<menu>
<li><a href="#"><span>(</span>menu 1<span>)</span></a></li>
<li><a href="#"><span>(</span>menu 1<span>)</span></a></li>
<li><a href="#"><span>(</span>menu 1<span>)</span></a></li>
</menu>


CSS:

menu li a {color: black; text-decoration:none;}
menu li a:hover span {color: orange; }
Bubák
Profil
lechat, vertigo4
V IE 6 vám nebude fungovat hover SPANU, i když je v odkazu ;-)

codl
Mám hotového něco podobného, rozdíl je v tom, že měním visibility, jak změnit barvu, už ti tady ukázali.
Dotdatek: zapoměl jsem dát odkaz :o)
http://teststranek.kvalitne.cz/menu1/

děkuju -- vyřešeno
Jestli ti to bude fungovat v IE 6, ti nepovím, neznám tvůj kompletní CSS kód.
Plaváček
Profil
Bubák

V IE 6 vám nebude fungovat hover SPANU, i když je v odkazu ;-)

Proč by neměl, prosím?
Manq
Profil
Plaváček
Zatím nevím proč, ale Bubákův kód v IE6 opravdu nefunguje.
Plaváček
Profil
Manq

Mně ano: http://klient.plavacek.net/pokus.html
Manq
Profil
http://klient.plavacek.net/pokus.html
Tento ano. Já psal, že Bubákův kód nefunguje v ÍÉčku6. Teď už vím, že kvůli chybějící definici a:hover {}.
Plaváček
Profil
Manq

Však je dobře :)
Bubák
Profil
Manq
Teď už vím...
To je u IE6 a starších taková klasika. Zajímavé je, že IE7 ve qirku hover (nejen) spanu v odkazu udělá.
codl
Profil *
Děkuji vám všem :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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