• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilder platzieren

Status
Für weitere Antworten geschlossen.
H

Hawq

Guest
Wenn ich mir hier so die anderen Fragen angucke, komme ich mir schon irgendwie dumm vor so eine Frage zu stellen, aber ich habe halt erst vor 2 Tagen mit HTML angefangen. Die Grundbegriffe kann ich schon, allerfings habe ich das Problem, dass wenn ich, erstmal nur, 2 Bilder einfüge sie direkt nebeneinander sind. Gut, das würde ich dann mit vspace und hspace ändern, dann verschiebt sicher allerdings nicht nur das Bild, wo ich den Befehl reinschreibe, ondern beide. Wäre nett, wenn mit jemand sagen könnte, was ich falsch mache, bzw. einen einfacheren Weg sagt.
MFG -Hawq-
 
Werbung:
ich würde beide bilder in einen div mit bestimmter breite stecken und dann jedes der bilder mit style="float:right" (das rechte bild) und mit style="float:left" (das linke bild" ausstatten. WEnn das nicht geht packe die beiden bilder in jeweils einen <span> der mit dem float kaskadiert wird.
 
HTML: 
<div style="width:100%;">
        <img src="bild1.jpg" style="margin-right:10px;"/>
        <img src="bild2.jpg" />
</div>
Gruß, Fredmonster!
 
Werbung:
Fredmonster schrieb:
HTML: 
<div style="width:100%;">
        <img src="bild1.jpg" style="margin-right:10px;"/>
        <img src="bild2.jpg" />
</div>
Gruß, Fredmonster!
Zum Vergrößern anklicken....
Das ist ja um zwei Bilder in einer Reihe zu platzieren. Ich würde aber gern die Bilder an total unterschiedlichen Stellen platzieren. Wenn ich es einfach so schreieb sind sie nebeneinander:
HTML: 
<img src="Bild 1">
<img src="Bild 2">
Wenn ich es so schreibe verschieben sich allerdings alle Bilder:
HTML: 
<img src="Bild 1">
<img src="Bild 2" vspace="100">

Mod-Edit: Nächstes mal die HTML-Funktion nutzen, danke. (Plankton)
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Hehe... Wir denken wieder mal zu weit *an die Stirn schlag*.

<br> Zeilenumbruch
<p> Absatz - Doppelter Zeilenumbruch

Das zwischen die <img>-Tags geklemmt und fertig.
 
Werbung:
Das ist ja um zwei Bilder in einer Reihe zu platzieren. Ich würde aber gern die Bilder an total unterschiedlichen Stellen platzieren.
Zum Vergrößern anklicken....
glaube nicht, dass er einfache Zeilenumbrüche meint.. er will sie an völlig unterschiedlichen stellen haben... Nicht ein paar Zeilen untereinander.. und um css und divs kommt er sowieso nicht drumherum.. ;)
Gruß, Fredmonster!
 
<img> ist ein inline elment und kann auch ohne ein umschließenden div postioniert werden, z.B. so:

HTML: 
<html>
<body>
<img src="Bild 1" style="position: absolute; top: 100px; left: 100px; height: 30px; width: 250px;">
<img src="Bild 2" style="position: absolute; top: 500px; left: 500px; height: 30px; width: 250px;">
</body>
</html>
 
Werbung:
sry, aber bitte erst das thread-Thema lesen.. Das eigentliche Thema ist allerdings schon geklärt, deswegen würde ich (wäre ich ein Mod) jetzt schließen.. Sonst is hier alles OT..
Gruß, Fredmonster!
 
:roll: war ja nich böse gemeint.. aber ich dachte halt, das Thema wäre geklärt..
Divs sind die Beste Lösung für das Problem.. alles andere von wegen <p>und <br> hatten wir schon.. Also was gibts da noch zu "fachsimpeln"? Aber wie gesagt.. wollte niemanden beleidigen! sry..
Gruß, Fredmonster!
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben