Autor Zpráva
zoool
Profil *
Zdravim Vas, poprosil by som o radu:

mam jeden div s rozmerom 225x225 px, a v tom 4 linky,
<div>
<ul>
<li><a href="hocico"></a></li>
<li><a href="hocico"></a></li>
<li><a href="hocico"></a></li>
<li><a href="hocico"></a></li>
</ul>
</div>


chcel by som dosiahnut hover efekt s CSS, aby pri kazdom linku pod mysou malo div ine pozadie. Poprosil by som o nejake usmernenie, ci sa to da vobec, ak ano, akym smerom sa mam pohnut.

Za rady vopred dakujem!
Miloš
Profil
Každému linku anebo každé <li> dej jinou třídu nebo ID. Například takto:
<div>
<ul>
  <li id="koza"><a href="hocico">uklikni si</a></li>
  <li id="hnusislav"><a href="hocico">uklikni si</a></li>
  <li id="sunar"><a href="hocico">uklikni si</a></li>
  <li id="prasato"><a href="hocico">uklikni si</a></li>
  </ul>
</div>

<style>
  #koza a:hover      {background-color: lime;}
  #hnusislav a:hover {background-color: aqua;}
  #sunar a:hover     {background-color: teal;}
  #prasato a:hover   {background-color: navy;}
</style>
zoool
Profil *
toto mi tiez napadlo, ale tym padom sa zial nemeni pozadie samotneho divu (stvorca)
Miloš
Profil
Jo tohle; tak to jsem blbě pochopil, omlouvám se.
Mám obavu, že tohle půjde řešit nejsnáz javascriptem (a na to nejsem ta pravá osoba).

Pokud jde o řešení pomocí css, tak imho nanejvýš nějaká hodně velká zběsilost s pozicováním.
Například můj běsdiář je řešený pomocí pozicování – při :hover stavu se obrázek ocitne někde jinde; no a takhle by se mohlo ocitnout jinde třeba pozadí (obrázkové jednobarevné).

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: