Hallo!
Ich bin erst vor ein paar Wochen per Selbstkurs in HTML eingestiegen (und habe mich gefreut, dass die ersten HTML-Übungsseiten wie das Internet in den Neunzigern aussahen).
Aktuell bastele ich eine Homepage nach der PHANTOM-Vorlage von HTML5UP! Dabei bin ich auf folgendes Problem gestoßen: Ich möchte mehrere Bilder mit kurzen Texten untereinander positionieren, wobei die Bilder abwechselnd links oder rechts stehen sollen. Da meine Texte aber viel kürzer als in der Vorlage sind, rutschen Überschrift und Text des zweiten Bildes noch in das Textfeld des Bildes übereinander.
Ich habe vergeblich versucht, die einzelnen Bild+Text-Blöcke durch <p> oder <section> oder als Listenelemente <ul> zu trennen. Kann mir vielleicht jemand von euch helfen?
<
Ich bin erst vor ein paar Wochen per Selbstkurs in HTML eingestiegen (und habe mich gefreut, dass die ersten HTML-Übungsseiten wie das Internet in den Neunzigern aussahen).
Aktuell bastele ich eine Homepage nach der PHANTOM-Vorlage von HTML5UP! Dabei bin ich auf folgendes Problem gestoßen: Ich möchte mehrere Bilder mit kurzen Texten untereinander positionieren, wobei die Bilder abwechselnd links oder rechts stehen sollen. Da meine Texte aber viel kürzer als in der Vorlage sind, rutschen Überschrift und Text des zweiten Bildes noch in das Textfeld des Bildes übereinander.
Ich habe vergeblich versucht, die einzelnen Bild+Text-Blöcke durch <p> oder <section> oder als Listenelemente <ul> zu trennen. Kann mir vielleicht jemand von euch helfen?
<
HTML:
<h3>Überschrift Bild 1</h3>
<p><span class="image left"><img src="images/pic1.jpg" alt="" /></span>Hier steht mein kurzer Text Nr. 1.</p>
<h3>Überschrift Bild 2</h3>
<p><span class="image right"><img src="images/pic2.jpg" alt="" /></span>Hier steht der Text darunter, der mit der Überschrift hochrutscht.</p>