Einfacher HTML-Code

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Liebe Experten!

Ich habe eine Frage zu folgendem HTML-Code:

a href=„http://www.google.de/“
onmouseover=„austausch1.src=‚haus2.jpg‘;“
onmouseout=„austausch1.src=‚haus2neu1.jpg‘;“

img src=„haus2neu1.jpg“
border=„0“ width="550"height=„480“
name=„austausch1“
/a

a href=„http://www.google.de“
onmouseover=„austausch2.src=‚bild1.jpg‘;“
onmouseout=„austausch2.src=‚bild1m.jpg‘;“

img src=„bild1m.jpg“
border=„0“ width="550"height=„480“
name=„austausch2“>
/a

Funktioniert soweit gut, nur ich möchte die beiden Bilder nebeneinander und nicht untereinander angezeigt bekommen.

Vielen Dank für eure Hilfe.

MfG., Philipp Hofer

#2

Hallo Philipp,

das machen wir ganz flott mit CSS. :smile:

src="…" style=„float:left;“

In beiden Bildern und zum Schluss noch einen leeren „Stopper“, der den Linksfluss beendet.

span style=„clear:left;“

#3

Ich glaube das geht nur mit CSS, zumindest kenne ich keine Lösung ohne.
Mit CSS kannst du die Bilder in eigenen Container setzen und die Breite der Container dann auf die halbe Bildschirmbreite setzen. Dann positionierst du einen Container am Linken Bildschirmrand und den anderen am rechten.

Grüße, Weiti

#4

Hallo Phillip,

Das ist eine Sache, die man mit CSS machen kann.
Man gibt dem Image einen Style mit „float:left;“
Einfach mal googln.

Vielleicht sind die Bilder aber auch einfach zu breit und stehen deshalb nicht nebeneinander.
Weil normalerweise sollten sie nebeneinander stehen. Es ist ja kein Zeilenumbruch eingefügt.

Gruß, Regina

#5

Hallo,

vielleicht hilft die CSS white-space Eigenschaft, siehe
* http://de.selfhtml.org/css/eigenschaften/ausrichtung…
* http://www.w3schools.com/cssref/pr_text_white-space.asp

Schöne Grüße,

Manfred

#6

Hi, pack das ganze in ein p-Element.

Gruß Gerhard

#7

Damit kenne ich mich leider nicht aus. Kann dir also nicht weiterhelfen.

lg