[CSS]A href za zdjęciem ? Opcje

[piotr485]

Witam - mam takie pytanko bo nie wiem jak się do tego zabrac.

Wyświetlam sobie zdjęcie

[HTML] pobierz, plaintext 
<img src="zdjecie.jpg" />
[HTML] pobierz, plaintext 

Chciałbym wstawic za zdjęcie hrefa w ktorym ustawie width and height i dodatkowo jesli ktos najedzie myszka na ten obszar to sie pojawi jakis gifek (np. strzalka.gif)

1. Można to wszystko osiągnac za pomoca css?
2. Moze jakas mała podpowiedz ?

Z góry dziekuje!

[Blame]

Ja bym to zrobił tak. Największy div, w którym będą: na środku div ze zdjęciem, po lewej i prawej link. Tu przykładowa struktura:

[HTML] pobierz, plaintext 
<div id="slajd">
<a href="adres" class="left"></a>
<div id="zdjecie">
</div>
<a href="adres1" class="right"></a>
</div>
[HTML] pobierz, plaintext 

i CSS:

[CSS] pobierz, plaintext 
#slajd{
width:600px;
 
height:600px;
 
text_align:center;
}
a.left{
 
width:300px;
 
height:600px;
 
float:left
 
}
 
a.left:hover{
 
width:300px;
 
height:600px;
 
float:left;
 
background-image:url(adres_do_strzalki);
 
background-position:left;
 
}
 
#zdjecie{
 
z-index:100000;
 
}
[CSS] pobierz, plaintext 

Wymiary przykładowe. Nie podawałem a.right, pokombinuj sam (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował Blame 1.12.2009, 17:23:17