Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Znacznik po znaczniku
Forum PHP.pl > Forum > Przedszkole
lukasamd
Witam,
mam na stronie w sytlach css zapis, który dodaje tło pod linki w stanie hover.

Niestety kiedy wrzucę kod typu:

  1. <a href="costam"><img src="adres" alt="opis" /></a>


Po najechaniu na obrazek pojawia się obok niego tło :/ W jaki sposób to wyeliminować?
Próbowałem w styles.css dawać:

  1. a img {
  2. background-color:transparent;
  3. }


ale nie skutkuje.

Jak zaznaczyć, że w wypadku gdy po a jest znacznik img, tła nie było?
Shili
Kod
background: none;
?

@edit
Tfu, nie doczytałam.
Możesz dodać do linków obrazkowych klasę i w niej usuwać tło, chociaż to nie jest szczególnie ładne rozwiązanie.

Co więcej przy dobrym kodzie obrazek powinien sam z siebie przykrywać tło, wrzuć trochę więcej stylów i kodu, coś się pomyśli winksmiley.jpg
dyniaq
Teoretycznie, jeżeli cały IMG przykryje link to nie powinno być tego tła. Ustaw wszystkie paddingi, marginy i bordery w a na 0, tak samo w IMG. Ewentualnie zdefiniuj sobie dwie klasy dla linków. Jeżeli wstawiasz obrazki z automatu to w PHP łatwo będzie Ci przypisać odpowiednia klasę do znacznika A. No a jeżeli ręcznie to wstawiasz to skopiowanie class="bez_tla" zajmie Ci dodatkowo chwilkę.
lukasamd
No właśnie były marginesy a w tamtym miejscu być musiały ponieważ 1x <br /> za mało a 2x za dużo. Dałem każdy obrazek w akapit i jest ok.
Shili
Cytat
No właśnie były marginesy a w tamtym miejscu być musiały ponieważ 1x <br /> za mało a 2x za dużo. Dałem każdy obrazek w akapit i jest ok.
Jeśli już musiałeś to w takiej formie robić na brach, to wystarczyło browi dodać styl line-height tongue.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.