Anordnung von Bildern mit Text
Atana
- css
Hallo,
Ich bin neu hier und daher gleich vorab, wenn ich umständlich, unverständlich, falsch poste usw. bitte ich um etwas Nachsicht!
Danke!
Ich möchte Bilder mit Text unterschiedlich anordnen
Bild1
Text dazu
Bild2 Bild3 Bild4
Text Text Text Text Text Text
Bild5 Bild6
Text Text Text Text
usw.
Wie geh ich da am besten vor?!
Bisher hab ich CSS:
.images {
text-align: center;
}
.postdoc {
padding: 40px;
}
.predoc {
padding:40px;
}
HTML:
<div class="images chef">
<img src="chef.jpeg" />
<br><a href="mailto:chef">chef</a></br>
<br>Chef</br>
</div>
<div class="images postdoc">
<img src="postdoc1.jpeg" />
<br><a href="mailto:postdoc1">Postdoc1</a></br>
<br>Postdoc</br>
<img src="postdoc2.jpeg" />
<br><a href="mailto:postdoc1">Postdoc1</a></br>
<br>Postdoc</br>
</div>
<div class="images predoc">
<img src="predoc1.jpeg" />
<br><a href="mailto:predoc1">Predoc1</a></br>
<br>Predoc</br>
</div>
usw.
allerdings ist der Test unter den Bilder verschoben bzw. die Bilder sind untereinander.
Ich schau mir das ganze mit Firefox an.
Gruß Atana
Wenn du die Bilder nebeneinander haben willst, musst du, denke ich, float verwenden. Darüber kannst du in selfhtml lesen.
Und ich würde jedes Bild in einen eigenen div-container packen, mit dem dazugehörigen Text.
@@Alexander44564:
nuqneH
Wenn du die Bilder nebeneinander haben willst, musst du, denke ich, float verwenden. Darüber kannst du in selfhtml lesen.
Nein. Darüber kannst du bei mir lesen.
Qapla'