21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
her-ur
Profil *
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
#neco:hover, #neco2:hover, #neco3:hover {něco:něco;}

?
vertigo4
Profil
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
Jde, princip je tento:
<a href="#">
<span class="cast1"></span>
<span class="cast2"></span>
<span class="cast3"></span>
</a>
vertigo4
Profil
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 *
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
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
Bubák
ano máš pravdu, tohle mě nenapadlo, přemýšlel jsem jen o css...
Bubák
Profil
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 *
Díky moc za rady, bylo to ono ;-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0