Habe noch ein paar Sachen ausprobiert, die soweit auch ganz gut funktioniert haben. Beim Thema Bilder und "float" komme ich jedoch nicht weiter.
Code:
<article>
<header>
<h3>Bilder einfügen</h3>
<p>Veröffentlicht am <time datetime="2015-08-09">09.08.2015</time></p>
</header>
<img src="https://upload.wikimedia.org/wikipedia/commons/8/86/Urall375_gelaende.jpg" alt="Dingens" width="240" height="200" />
<p>Eigentlich könnten hier auch ein paar Bilder auf die Startseite, allerdings weiß ich noch nicht, wie das mit dem Verdrängen funktioniert. Denn einfach so geht das auch nicht.
In den 1950er-Jahren beschloss die Sowjetarmee, neue mobile Raketensysteme in die Armee einzuführen. Dieses Vorhaben erforderte die Entwicklung eines neuen mobilen Raketenstartfahrzeugs,
das diesen Anforderungen gerecht werden konnte.</p>
<!--<p>Noch was Inhalt</p>-->
</article>
</section>
</main>
<hr>
<footer>
<!--<p class="Ende">Letzte Änderung: 09/08/2015</p>-->
<p class="Ende">Copyright 2015 Retros-Retroecke.de</p>
</footer>
</body>
</html>
Ich habe da nun ein Bild gefügt (irgendeines) Das Bild ist nun prima an der rechten Seite und zoomt auch prima mit, wenn ich die Seite vergrößere. Aber was ist das in der normalen Ansicht? Gefühlt hängt es mittendrin und verdrängt alles Andere..
Kann das Bild noch verschoben werden? Oder habe ich das einfach nur doof gemacht mit der nicht-anpassbaren <hr> darunter?
Was ich auch noch fragen wollte: Wie kann ich im css eigentlich eine ganz bestimmte HTML-Sache erreichen? Ich habe nun zwei <sections>, beide mit Headern etc. Jetzt möchte ich in der zweiten Section im ersten Paragraphen das zweite Bild formatieren. Kann ich dem Bild eine Klasse geben? Oder ist das per ">" erreichbar?
Danke