Ahojte, potrebujem s niecim pomoct.
Mam stranku, v ktorej su odkazy. Odkazy su obrazky. Po prejdeni mysi, by sa malo zmenit obrazok v tej polohe, ako bol predchadzajuci + chcem aby sa zobrazil nový obrázok v nejakej inej polohe.
Momentalne mam iba to jednoduche menenie obrazku, ale neviem ako zakomponovat, aby po prejdeni mysi, zmenil obrazok v menu ale aj aby zobrazil pobrazok niekde inde na tej stranke.
Proste chcem dvojitý hover efekt na dany blok.
Nemohli by ste ma k tomu nejako doviesť?
Tu je HTML kod:
Kód:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<link rel="stylesheet" href="style.css" type="text/css">
<title></title>
</head>
<body>
<div id=kruh>
<a href="#"><div id=obrazok1></div></a>
<a href="#"><div id=obrazok2></div></a>
<a href="#"><div id=obrazok3></div></a>
<a href="#"><div id=obrazok4></div></a>
</div>
</body>
</html>
a tuna CSS:
Kód:
* {
margin:0;
padding:0;
}
body {
background-color: black;
}
#kruh {
background-image: url(kruh.png);
background-repeat: no-repeat;
width: 574px;
height: 574px;
margin: auto
}
#obrazok1 {
position: absolute;
background-image: url(bublina.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
margin-left: 70px;
margin-top: 20px;
}
#obrazok1:hover {
background-image: url(bublina1.png);
}
#obrazok2 {
position: absolute;
background-image: url(bublina.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
margin-left: -20px;
margin-top: 140px;
}
#obrazok2:hover {
background-image: url(bublina1.png);
}
#obrazok3 {
position: absolute;
background-image: url(bublina.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
margin-left: -30px;
margin-top: 290px;
}
#obrazok3:hover {
background-image: url(bublina1.png);
}
#obrazok4 {
position: absolute;
background-image: url(bublina.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
margin-left: 50px;
margin-top: 430px;
}
#obrazok4:hover {
background-image: url(bublina1.png);
}
Je to proste kruh, kde okolo kruhu su obrazky ktore sa maju menit, a do stredu kruhu ma sa po prejdeni mysi na nejaky odkaz objavit novy obrazok.
Ďakujem za rady.
, ale ked niekam dam position:absolute
