Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] border w linkach ale nie w linkowanych obrazkach
Forum PHP.pl > Forum > Przedszkole
sowi
Witam,
mam taki mały problem. Otórz mam taki oto fragment css:

  1. #tekst a, #tekst a:visited {
  2. text-decoration : none;
  3. color : #039;
  4. border-bottom : 1px dotted #999;
  5. }
  6. #tekst a:hover {
  7. border-bottom : 1px dotted #f00;
  8. }
  9. #tekst a img {
  10. border : 0;
  11. }


i html

  1. <div id="tekst">
  2. <p><a href="">jakis tam linka</a></p>
  3. <a href=""><img src="obrazek.png" alt="obrazek" /></a>
  4. </div>


Czyli chcę aby linki tekstowe były podkreślone poprzez linie kropokowaną ale nie chcę aby owa linia pojawiała się pod obrazkami. Co źle robię? NIestety linia kropokowana pokazuje się bowiem również pod obrazkiem sadsmiley02.gif
Blame
Nie jestem pewny, ale zamiast border:0 dałbym border:none.
DiH
W css zmień
  1. #tekst a img {
  2. border : none;
  3. }{

na
  1. #tekst a.obrazkowy {
  2. border : none;
  3. }
  4. img { border:none }


Natomiast na stronie umieszczaj obrazki w linkach tak:
  1. <a href="" class="obrazkowy"><img src="obrazek.png" alt="obrazek" /></a>
mar22
  1. <a style="border:none" href=""><img src="obrazek.png" alt="obrazek" /></a>
- mozesz zobaczyc tak
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.