Div - przekierowanie.

[Bloody Roots]

Siema, mam sobie diva:
<div id=costam></div>

a w css:

div#costam {
background: url(images/layout_m_1.png) no-repeat;
width:158px;
height:35px;
float:left;
margin:0px;
padding:0px;
overflow:hidden;
}
div#strgl:hover { background-position: 0px -35px; }


I jak zrobić żeby to było przekierowanie na podstronę po kliknięciu na ten obrazek?

[KowR]

Nie da się tak... Tylko w JSie. Najłatwiej hmmm:

Kod:

<div id=costam>
<a href=""></a>
</div>

div#costam {
width:158px;
height:35px;
float:left;
margin:0px;
padding:0px;
overflow:hidden;
}

div#costam a {
background: url(images/layout_m_1.png) no-repeat;
}

div#costam a:hover {
background-position: 0px -35px;
}

Najłatwiej tak.

[Bloody Roots]

Nie działa, ziomuś.

[razorskate]

Najprościej chyba zrobić to tak:

Kod:

<a href="adres"><img src="źródło obrazka" alt="Tekst alternatywny" /></a>

W samym CSS-ie tego niestety nie da się zrobić. Więc jeśli chcesz mieć linki jako obrazki pozostaje Ci JS . . .
Pozdrawiam ;]

[KowR]

Na 100% działa... A dałeś odnośnik do href?

Dodaj jeszcze do CSSa:

Kod:

display:block;

do

Kod:

div#costam a

[Bloody Roots]

Jak dodaje Twój kod Kowr to w ogóle mi nie wyświetla obrazka, sprawdź go dokładnie.

---

Dobra, już sam sobie poradziłem. Jeśli ktoś miałby z tym problem - może śmiało pisać do mnie.

[KowR]

Myślałem, że wiesz, żeby tło Ci zadziałało musisz podać:

width:158px;
height:35px;

Ehhh...

[Bloody Roots]

I tak nie działał, sam sobie poradziłem, ale i tak dzięki, yo.