HTML Abstand zwischen zwei Bildern?

[ntloader]

Mahlzeit.
Ich bräuchte eine Lösung für folgendes Problem:
Angenommen ich baue zwei Bilder untereinander in einen HTML-Seite ein, also quasi so:

<p><img src="http://www.linkzumeinembild.de/images/bild.jpg" /></p>
<p><img src="http://www.linkzumeinembild.de/images/bild2.jpg" /></p>

...dann habe ich einen einen ziemlich fetten Abstand zwischen den beiden Bildern.
Wie kann ich die größe dieses Abstands definieren? Zum Beispiel auf 5px oder so?

Danke für alle Hinweise.

 

[Mr. Snoot]

Schau dir mal die CSS-Eigenschaften padding und margin an.

Ansonsten kannst du ja auch einfach mit normalen Zeilenumbrüchen <br> arbeiten, statt zwei Absätz mit <p>-Tags zu machen.

 

[ntloader]

Hm ja... das dumme ist nur, dass der IE8 einen </br> anders anzeigt als ein IE7 oder FF.

 

[volcem]

jops würde die auch in einen Div Container legen:

<div><img src="http://www.linkzumeinembild.de/images/bild.jpg" /></div>
                  <br />
<div><img src="http://www.linkzumeinembild.de/images/bild.jpg" /></div>

Kannst aber auch wie schon gesagt: padding verwenden:

css-->
#abstand {
padding-top:5px;
}
.abstand_innen {
padding-top:5px;
}

html-->
<div id="abstand"><img src="http://www.linkzumeinembild.de/images/bild.jpg" />
<div class="abstand_innen"><img src="http://www.linkzumeinembild.de/images/bild.jpg" /></div></div>

so etwa

 

[User007]

das dumme ist nur, dass der IE8 einen...

Selbst schuld ;-)
Momentan sind noch mehr mit IE6 als mit dem 8ter unterwegs... also, vergiss es!
Mach 'ne CSS-Klasse mit margin & padding für das img-Tag, sprich's im Tag an und entferne die <p>-Tags (o.ä.)...
[edit] ein <br> muß natürlich wg. Zeilenwechsel dazwischen!

 

[QXARE]

Du nimmst einfach das erste Bild, definierst dort ne Klasse oder ID und fertig. Kommt auch drauf an wie du es anwenden willst, am einfachsten gehts wahrscheinlich mit einem <br />-Tag.

Wenn der <br /> Tag im IE8 Probleme macht, einfach per CC gleichsetzen.

<img id="first-image" src="" alt="" /><br /> <!-- oder class="first-image", Name natürlich änderbar -->
<img src="" alt="" />

Wenn du <p>'s verwendest ist es klar dass da ein Riesenabstand ist weil der beim Absatz schon vordefiniert ist, daher für die Anwendung auch nicht so empfehlenswert.