Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]<a> jako obrazek
Forum PHP.pl > Forum > Przedszkole
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
  1.  
  2. a.img1
  3. {
  4. background:url(obrazek.jpg) no-repeat scroll 0px 0px;
  5. }
  6.  
  7. a.img:hover
  8. {
  9. background:url(obrazek.jpg) no-repeat scroll 100px 0px;
  10. }


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
  1. a.img1
  2. {
  3. background: url(obrazek.jpg) no-repeat scroll 0px 0px;
  4. }
  5.  
  6. a.img1:hover
  7. {
  8. background: url(obrazek.jpg) no-repeat scroll 100px 0px;
  9. }
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

  1. display: block;


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:)
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.