Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: moze inaczej - hoover na divie
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Yacho
mam taka sytuacje

div :
-checkbox
-zdjecie

i chcialbym zeby :

- na divue byl hoover zmieniajacy styl
- pod zdjeciem I divem byl link - pod checkboxem niue ma byc nic !


jak zrealizowac cos takiego ?
revyag
Można tak:
Kod
<style type="text/css">
div {
    width:300px;
    height:120px;
    background-color:#ffa900;
    cursor:pointer;
}
input.check {
    position:absolute;
    top:90px;
}
img {
    border:0;
}
</style>

  1. <div onmouseover="this.style.backgroundColor='#f2f2f2'" onmouseout="this.style.backgroundColor='#ffa900'" onclick="location.href='http://www.wp.pl'">
  2. <a href="http://www.wp.pl"><img src="obrazek.jpg" /></a><br />
  3. </div>
  4. <input type="checkbox" class="check" />

Wady:
- checkbox pozycjonowany absolutnie, znajduje się poza divem

----
Możesz kombinbować ze stylem z-index, ale nie wiem czy to zadziała dla takiej sytuacji.
Yacho
dobra chodzilo mi nie tyle o pozycjonowanie co o to jak w JS ustawic linki - teraz wiem - div dajemy location w JS na img mozemy dac zwykle <a> a checkbox zostanie wtedy "wolny" smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.