probleempje met a:hover

[Spasm]

Zie onderstaande code:

HTML

code:

<div id="right">
    <h3>Downloadtip: Mozilla Firefox</h3>   
    <div class="pic">
        <a href="http://www.site.com" target="_blank"><img src="ff-logo.jpg" width="70" height="67" /></a>
    </div>

CSS

code:

#right a
{
    color: #ff4500;
    text-decoration: none;
}

#right a:hover
{
    color: #9fa0ff;
    text-decoration: underline;
    font-weight: 700;
}

#right .pic
{
float: left;
margin: 5px;
border: 1px solid #000000;
}

Als ik een tekstlink maak, bijv <a href="1.com">Tekstlink</a> gaat het zoals ik het bedoeld heb.
Maak ik een link van een plaatje wordt deze ook omlijnt met een dikke blauwe lijn (in IE, Firefox reageert er nog iets anders op.)

Mijn bedoeling is dat afbeelding een lijn van 1px solid #000000; krijgen, zoals aangegeven in #right. pic . Wat doe ik fout ?

edit
Nevermind

Dit loste het op:

code:

img {
    border: 0px;
}

[ Voor 7% gewijzigd door Spasm op 07-03-2008 09:19 ]

[disjfa]

Je img krijgt een blauwe rand omdat het een link word. Dus daar moet je de border vanaf halen of juist op zetten.

[reddevil]

Dan voeg je toch zoiets als:

Cascading Stylesheet:

a img {
 border: 0px;
}

toe om de border op een img in een 'a' op 0 te zetten?

[Spasm]

Bedankt voor de tips, het was me inmiddels zelf gelukt.
Het valt me nu alleen nog op dat er in Firefox onder een afbeelding nu 2 of 3 witte pixels ontstaan, terwijl dit in IE7 niet zo is, check

http://home.wanadoo.nl/r.rubingh/GOT/

(Het gaat om het plaatje met als tekst DL-tip)

[H004]

Als je de height van de pic-container op 70px zet is het probleem weg...

[torp]

a img {display:block;} wil ook vaak helpen om onbedoelde gaps te vermijden

[Verwijderd]

Om dit soort 'vage' crossbrowser problemen te verhelpen, helpt het om een reset stylesheet te gebruiken. Deze zet alle stylen 'uit' zodat je ze daarna handmatig kan bepalen.

Kijk bijvoorbeeld eens hier:

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
http://developer.yahoo.com/yui/reset/
http://snipplr.com/view/4784/css-reset-stylesheet/

[Spasm]

H004 schreef op vrijdag 07 maart 2008 @ 16:49:
Als je de height van de pic-container op 70px zet is het probleem weg...

Dat is zo, maar als ik later een order met een hoogte van 90px wil dan ??