[HTML][CSS]<a> jako obrazek Opcje

[neo1986kk]

Pytanie dosyć proste ale nie do końca bo chodzi o to że chcę aby obrazek pod a sie podmieniał:

<a class="img1" href="link.html"></a>

CSS

[PHP] pobierz, plaintext 
 
a.img1
{
background:url(obrazek.jpg) no-repeat scroll 0px 0px;
}
 
a.img:hover
{
background:url(obrazek.jpg) no-repeat scroll 100px 0px;
}
[PHP] pobierz, plaintext 

i teraz tak, bez wpisania czegokolwiek miedzy <a></a> obrazek sie w ogóle nie pojawia...
po wpisaniu np <a>a</a> chcialbym ustawić width i height dla obrazka - nie da rady, musze dać padding. Text-indent: -99999 tez tu nie dziala.

Wie może ktoś jak temu zaradzić?

[krzysztof_kf]

[CSS] pobierz, plaintext 
a.img1
{
background: url(obrazek.jpg) no-repeat scroll 0px 0px;
}
 
a.img1:hover
{
background: url(obrazek.jpg) no-repeat scroll 100px 0px;
}
[CSS] pobierz, plaintext 

Ten post edytował krzysztof_kf 9.10.2010, 10:10:01

[neo1986kk]

aha, poprawiłeś moj blad w CSS, akurat on tu nie przeszkadza, bo mi chodzi o coś zupełnie innego, ale dzięki za spostrzegawczość, oczywiście w akruszu stylów mam zapisane dobrze tylko teraz jak pisałem posta zapomniałem dopisać tam 1

[krzysztof_kf]

rozumiem cię


dodaj do hovera

[CSS] pobierz, plaintext 
display: block;
[CSS] pobierz, plaintext 

[neo1986kk]

dziwne bo nic nie zrobiłe i nagle działa:/ zaraz zobacze z tym display:block.


no z display:block mozna sie juz pobawić, dałem to w a.img a nie w hover:)

Ten post edytował neo1986kk 9.10.2010, 10:25:56