unerwünschter Rand um verlinktes Bild im IE6
Marsmann
- css
0 Gunnar Bittersmann0 Marsmann
0 Steel
Hallo,
ich habe eine Seite in der ein Bild als Link fungiert.
<a href="http://www.newborngeneration.de/index.php?id=40" title="Home" id="logo"><img src="fileadmin/logo.png" alt="Logo" /></a>
Der Link funktioniert auch, nur erscheint um dsa Bild ein unschöner, 2 Pixel breiter Rand (im IE 6+7 bzw. IE8 im Quirksmodus). Alle anderen Browser funktionieren. Stylesheet:
#logo {
position:absolute;
top:64px;
left:750px;
height:27px;
width:150px;
overflow:hidden;
}
So wird der Rand unten und rechts abgeschnitte, aber links und oben bleibt er. border:none und negativen margin oder padding helfen nichts. Weiß jemand wie ich das beheben kann? Also dass kein Rand da ist sondern nur das Bild?
Gruß,
Marsmann
@@Marsmann:
nuqneH
border:none und negativen margin oder padding helfen nichts.
Doch, 'border: none' hilft. Du musst es nur für das Element angeben, das den Rahmen hat; das ist nicht das 'a'-Element.
Du möchtest 'a img { border: none }
' setzen. Den ganzen anderen Kram schmeißt du wieder aus dem Stylesheet raus.
Qapla'
Super, vielen Dank!
Hi!
border:none und negativen margin oder padding helfen nichts.
Aha. http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border_width@title=Unglaublich. Hast Du's schonmal mit border-width: 0 und border-style: solid versucht? Gern auch zusammen fuer border notiert.