Border bij img

[toetsenbord]

Hallo,

Zit met het volgende probleem:

Omdat ik een andere kleur onderlijnen wil bij hyperlinks heb ik als css code ipv text-decoration, border-bottom.

Ben dus bezig aan een site waar bovenaan het logo staat (als img) met een link naar de homepage. Omdat die img ook een link is, gaat hier ook een border-bottom onder te komen staan!

Daarom deed ik dus:

img {border: none}
img a {border: none}

Maar toch blijft deze border staan! Weet iemand een oplossing voor dit probleem ?

 

[ScorpionX]

Hai,
img a, kan niet het moet andersom. In de css.
a img, moet het zijn.

 

[toetsenbord]

Bedankt voor je reactie, maar helaas gaat deze border nog altijd niet weg...

 

[ScorpionX]

oke,

dan heb ik nog wel een alternatief.

geef de img tag een id mee bijvoorbeeld homeImg, geef ook de a tag een id mee bijvoorbeeld homeImgA.
dus:
<a href="#" id="homeImg">
<img scr="bla.gif" id="homeImgA" />
</a>

en zet vervolgens helemaal onderaan je css:

#homeImg{border:0px;}
#homeImgA{border:0px;}

dit moet wel werken.

 

[toetsenbord]

Bedankt,

dat werkt idd. Vind het alleen vreemd dat dit niet werkt, want nu gaat deze dit doen voor alle afbeeldingen die een link zijn...

Toch bedankt,

Toetsenbord

 

[ScorpionX]

om dit te voorkomen dien je eerst te zeggen:
*{border:0px;} dus niks krijgt een border.

vervolgens zet je dit in je css:
.linkjeMetBorder{
border-bottom:1px solid black;
}

hierna hoef je alleen nog maar die class toe te voegen bij je linkjes.
class="linkjeMetBorder"

 

[toetsenbord]

om dit te voorkomen dien je eerst te zeggen:
*{border:0px;} dus niks krijgt een border.

vervolgens zet je dit in je css:
.linkjeMetBorder{
border-bottom:1px solid black;
}

hierna hoef je alleen nog maar die class toe te voegen bij je linkjes.
class="linkjeMetBorder"

:thumb:

 

[ScorpionX]

Handig om te weten:
- je kan maar 1x dezelfde id gebruiken.
- class kun je op meerdere tags zetten.