Ta border alla kanter på bilder i en <div>

med CSS:

div img {border: 0}

Tack! Om man vill koppla den till en speciell typ av div, skriver man då div.namn img {}?

precis om du har en klass på den, # om det är ett id (och då kan du skippa skriva div).

Jag tror inte att jag förklarade riktigt vad mitt problem är.

Jag har en div som heter <div id="forum"> och däri har jag ett antal bilder som länkar.

Dom "vanliga länkarna" har jag satt så här:

a {color:#4a4a4a; text-decoration:none; border-bottom:1px solid black;}
a:visited {color:#4a4a4a; text-decoration:none; border-bottom:1px solid black;}
a:hover {color:#4a4a4a; text-decoration:none; border-bottom:1px solid red;}

Det blir då så att det kommer en svart kant under alla bilder som är länkar, och jag provade ditt trick, men dom försvinner ändå inte.

Hur anger man att alla bilder som är länkar i divtaggen forum ska vara utan detta?

Det är ju inte bilden som har bordern, det är ju a-elementet runt bilden.

#forum img {border:0}

Är korrekt, men du få sätta en CSS klass på alla länkar som har bilder och sätta dess border till 0 vid hover och a

<a href="#" class="image"><img .../></a>

och köra:

.image, .image:hover, .image img {border: 0}

Om du bara vill ha bort ramen som blir runt bilder som är länkade så räcker det med följande. :)

img {border:0}