Github Readme: Bild neben Text?
Hey Leute,
Könnte mir bitte jemand weiterhelfen und sagen, wie ich bei Github ein oder mehrere Bilder neben einen Text (rechts davon) packen kann?
Mein bisheriger Code sieht so aus (Die Bilder erscheinen dann unter dem Text):
<p float="right">
<img src="/images/Mods.png" width="430" />
<img src="/images/Settings-Menu.png" width="430" />
</p>
Es wäre sehr hilfreich:)
Liebe Grüsse
1 Antwort
Vom Fragesteller als hilfreich ausgezeichnet
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
HTML, programmieren, Programmieren & Softwareentwicklung
Es gibt kein float-Attribut in HTML. Es ist ein CSS-Property, welches über ein style-Attribut definiert werden kann.
Das wäre eine Lösung:
<p style="float: right">
<img alt="Some image description ..." src="some-image.jpg" width="430" />
<img alt="Some image description ..." src="other-image.jpg" width="430" />
</p>
<p>Some text ...</p>
Und das noch eine andere:
<img alt="Some image description ..." src="some-image.jpg" style="float: right; margin-left: 5px" width="430" />
<img alt="Some image description ..." src="other-image.jpg" style="float: right" width="430" />
<p>Some text ...</p>
Bedenke aber, dass zu hohe Breitenangaben auch für ungewollte Zeilenumbrüche sorgen können, wenn nicht genügend Platz vorhanden ist. Bei dir könnte das bei 430px Breite je Bild schnell der Fall sein.