nicht angemeldet
Kleiner Abstand unter Bild lässt sich nicht entfernen...
Hallo!
Folgendes, ich habe ein div-Element, in welches eine Grafik reinkommt. Das klappt soweit prima, allerdings entsteht zwischen dem unteren Rand des Bilds und dem umgebenden div immer ein kleiner Abstand von ca. 3 Pixeln, den ich partout nicht wegbekomme...
#title
{
border:0.5em solid #096096;
background:#E6E6E6;
text-align:center;
padding:0px;
}
<body>
<div id="title">
<img src="banner.jpg" alt="Judo-Alfter-Bornheim" style="padding:0px; margin:0px; border:1px solid red" />
</div>
</body>
Hier ist mal ein Bild, wie das ganze dann im Browser aussieht - die Grafik besteht aus dem Bild und dem Text daneben, also alles im roten Rahmen. Die Schrift werde ich später normal einfügen, aber erstmal muss das Problem beseitigt werden. Der rote Rahmen dient der Veranschaulichung des Problems.
Ich hoffe ihr wisst Rat :)
Ich benutze xHtml Strict 1.0 und CSS 2.1
Danke, euer Tim
-
Entschuldigung, ich habe das Bild vergessen :(
Hier ist es:
http://www.bilder-hochladen.net/files/7w4w-1-jpg-nb.html -
Hallo!
Versuchs mit
img {
display:block;
} -
Hallo Tim,
Folgendes, ich habe ein div-Element, in welches eine Grafik reinkommt. Das klappt soweit prima, allerdings entsteht zwischen dem unteren Rand des Bilds und dem umgebenden div immer ein kleiner Abstand von ca. 3 Pixeln, den ich partout nicht wegbekomme...
http://www.carsten-protsch.de/zwischennetz/doctype/luecken.html
sollte Dir weiterhelfen.
Freundliche Grüße
Vinzenz
-
Danke ihr beiden, die Methoden funktionieren super!
-