[css] border w linkach ale nie w linkowanych obrazkach Opcje

[sowi]

Witam,
mam taki mały problem. Otórz mam taki oto fragment css:

[CSS] pobierz, plaintext 
#tekst a, #tekst a:visited {
text-decoration : none;
color : #039;
border-bottom : 1px dotted #999;
}
#tekst a:hover {
border-bottom : 1px dotted #f00;
}
#tekst a img {
border : 0;
}
[CSS] pobierz, plaintext 

i html

[HTML] pobierz, plaintext 
<div id="tekst">
<p><a href="">jakis tam linka</a></p>
<a href=""><img src="obrazek.png" alt="obrazek" /></a>
</div>
[HTML] pobierz, plaintext 

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 (IMG:style_emoticons/default/sadsmiley02.gif)

[DiH]

W css zmień

[CSS] pobierz, plaintext 
#tekst a img {
border : none;
}{
[CSS] pobierz, plaintext 

na

[CSS] pobierz, plaintext 
#tekst a.obrazkowy {
border : none;
}
img { border:none }
[CSS] pobierz, plaintext 

Natomiast na stronie umieszczaj obrazki w linkach tak:

[HTML] pobierz, plaintext 
 <a href="" class="obrazkowy"><img src="obrazek.png" alt="obrazek" /></a>
[HTML] pobierz, plaintext 

Ten post edytował DiH 6.02.2010, 23:04:24