Autor | Zpráva | ||
---|---|---|---|
codl Profil * |
#1 · Zasláno: 27. 4. 2008, 22:43:32
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 |
#2 · Zasláno: 27. 4. 2008, 22:46:39
co třeba dát ty závorky do spanu a při hoveru je měnit?
|
||
lechat Profil * |
#3 · Zasláno: 27. 4. 2008, 23:31:17
<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 * |
#4 · Zasláno: 27. 4. 2008, 23:33:18
super!
děkuju -- vyřešeno |
||
vertigo4 Profil |
#5 · Zasláno: 28. 4. 2008, 00:01:13
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 |
#6 · Zasláno: 28. 4. 2008, 07:45:41 · Upravil/a: Bubák
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 |
#7 · Zasláno: 28. 4. 2008, 08:18:33
Bubák
V IE 6 vám nebude fungovat hover SPANU, i když je v odkazu ;-) Proč by neměl, prosím? |
||
Manq Profil |
#8 · Zasláno: 28. 4. 2008, 09:35:18 · Upravil/a: Manq
Plaváček
Zatím nevím proč, ale Bubákův kód v IE6 opravdu nefunguje. |
||
Plaváček Profil |
#9 · Zasláno: 28. 4. 2008, 09:44:46
|
||
Manq Profil |
#10 · Zasláno: 28. 4. 2008, 09:50:59
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 |
#11 · Zasláno: 28. 4. 2008, 10:03:29
Manq
Však je dobře :) |
||
Bubák Profil |
#12 · Zasláno: 28. 4. 2008, 11:18:22
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 * |
#13 · Zasláno: 30. 4. 2008, 22:35:16
Děkuji vám všem :)
|
||
Časová prodleva: 16 let
|
0