Autor | Zpráva | ||
---|---|---|---|
her-ur Profil * |
#1 · Zasláno: 6. 3. 2008, 18:25:27
Dobrý den,
mám obrázkové menu, ale rozřezání si vynutilo, že jeden obrázek (odkaz) je na 3 části, lze nějak čistě přes CSS nastavit hover, tak že když najedu kurzorem na jakoukoli část z těch tří tak se změní hover všech najednou? Strávil jsem s tím dnes celý den a nevím si rady... Děkuji. |
||
Měsíček Profil |
#2 · Zasláno: 6. 3. 2008, 18:31:51
#neco:hover, #neco2:hover, #neco3:hover {něco:něco;}
? |
||
vertigo4 Profil |
#3 · Zasláno: 6. 3. 2008, 18:32:42
her-ur
jen pomocí css to neuděláš - šlo by to javascriptem, ale to je dosti nepraktické řešení... zajímalo by mě, proč to nešlo rozřezat najednou... zkus ukázat návrh a my ti zkusíme pomoci... |
||
Bubák Profil |
#4 · Zasláno: 6. 3. 2008, 18:33:03
Jde, princip je tento:
<a href="#"> <span class="cast1"></span> <span class="cast2"></span> <span class="cast3"></span> </a> |
||
vertigo4 Profil |
#5 · Zasláno: 6. 3. 2008, 18:33:32
Měsíček
ale on chce aby se změnil hoveru u třeba druhého obrázku, když najede na první... |
||
her-ur Profil * |
#6 · Zasláno: 6. 3. 2008, 18:36:06
Měsíček
ale on chce aby se změnil hoveru u třeba druhého obrázku, když najede na první... Ano to je přesně to co potřebuji. |
||
Měsíček Profil |
#7 · Zasláno: 6. 3. 2008, 18:41:28
Však něco takového napsal Bubák najedeš na nějáký odkaz ve, kterém jsou tři spany (a ty měníš tím systémem jako jsem ukázal já).
|
||
vertigo4 Profil |
#8 · Zasláno: 6. 3. 2008, 18:43:06
Bubák
ano máš pravdu, tohle mě nenapadlo, přemýšlel jsem jen o css... |
||
Bubák Profil |
#9 · Zasláno: 6. 3. 2008, 18:46:41
Pro jistotu jsem si to zkusil, základ je tohle:
<style> span {display: block; width: 50px; height: 50px;float: left;} .cast1 {background: yellow;} .cast2 {background: silver;} .cast3 {background: blue;} a:hover: {visibility: visible;} /* pro IE 6 */ a:hover .cast1 {background: gold;} a:hover .cast2 {background: gray;} a:hover .cast3 {background: navy;} </style> <a href="#"> <span class="cast1"> </span> <span class="cast2"> </span> <span class="cast3"> </span> </a> |
||
her-ur Profil * |
#10 · Zasláno: 6. 3. 2008, 23:30:56
Díky moc za rady, bylo to ono ;-)
|
||
Časová prodleva: 16 let
|
0