Grafiken

[Bernd]

Hallo, habe folgendes Problem und weiss nicht weiter...
Ich möchte 2 Bilder nebeneinander stellen, eins links oben, eins rechts oben. Firefox fügt aber jedesmal einen Zeilenumbruch ein, so dass die Bilder nicht in der selben Zeile stehen sonder das zweite Bild eine Zeile tiefer...

Keine Hilfe brachten Befehle wie <nobr> oder <br clear=all>

Quelltext:

...

<div align=left>
<img src="../pics/Flagge South.jpg" alt="grafik1" height=67 weight=89>

<div align=right>
<img src="../pics/Flagge North.gif" alt="grafik2">

...

okay, falls mir jemand helfen kann, wär super, danke

[Engin]

Hi Bernd,

Ich möchte 2 Bilder nebeneinander stellen, eins links oben, eins rechts oben. Firefox fügt aber jedesmal einen Zeilenumbruch ein,

Das Rezept dafür heisst float.

<div align=left>
<img src="../pics/Flagge South.jpg" alt="grafik1" height=67 weight=89>

<div align=right>
<img src="../pics/Flagge North.gif" alt="grafik2">

Du müsstest eins von den 2en floaten, wie das geht kannst du im verlinkten Kapitel nachlesen.

Hier noch ein bsp. wie es aussehen könnte

  
<div style="float:left;">  
<img src="/*****/****.jpg" alt="grafik1">  
</div>  
<div>  
<img src="/*****/****.jpg" alt="grafik2">  
</div>  

Grüße,
Engin
 GYRO

[Bernd]

Hey Engin,

ist der Hammer, danke!!
Es kann doch so einfach sein, wenn man weiss wo es steht...

[Detlef G.]

Hallo Bernd

Ich möchte 2 Bilder nebeneinander stellen, eins links oben, eins rechts oben. …

<div align=left>
<img src="../pics/Flagge South.jpg" alt="grafik1" height=67 weight=89>

<div align=right>
<img src="../pics/Flagge North.gif" alt="grafik2">

Du öffnest hier zwei Divs, ohne sie wieder zu schließen.
Div ist ein Blockelement, es erzeugt eine neue Zeile, und geht immer über die gesamte Breite seines Elternelements, wenn nichts anderes mittels CSS festgelegt ist.

Du brauchst keine extra Divs für die Bilder, du kannst sie selbst mittels align ausrichten.
Eventuell musst du dann den Textumfluss wieder aufheben.

Besser ist es aber, wenn du das Aussehen deiner Seite nicht über HTML-Attribute steuerst, sondern CSS dafür verwendest.

Auf Wiederlesen
Detlef