Der Martin: Zwei Bilder (img) auf einer Zeile

Beitrag lesen

Hallo,

Ich dachte mit <span> kann ich zwei Bilder nebeneinander auf einer Zeile anzeigen.

nein, das ist vermutlich ein Missverständnis. Ein span-Element fasst nur andere Elemente und/oder Text zu einem gemeinsamen Element zusammen, ist aber selbst auch noch ein inline-Element. Das heißt, das span-Element verhält sich mitsamt seinem Inhalt weiter wie Fließtext.

Wenn du zwei Bilder nebeneinander in einer Zeile anzeigen lassen möchtest, schreib sie einfach lückenlos hintereinander. Lückenlos, weil sonst das Leerzeichen oder der Zeilenumbruch als Abstand wirkt. Voraussetzung dafür, dass die Bilder dann tatsächlich nebeneinander stehen, ist natürlich eine ausreichende Breite des Elternelements.
In hartnäckigen Fällen kannst du noch mit white-space:pre fürs Elternelement den Zeilenumbruch verhindern; das sollte aber nicht nötig sein, wenn man für ausreichende Breite (min-width) sorgt.

<span>
  <img src="images/logo01.jpg" style="width=:90px; height:90px; margin:0px">
  <img src="images/title.jpg" style="width=:690px; height:90px; margin:0px">
</span>

Was macht das '=' innerhalb des style-Attributs? Das ist fehlerhafte Syntax und hat da nichts verloren. Aber die Angabe der Breite als style-Attribut ist auch nicht wirklich sinnvoll. Wenn du sie vorab angeben möchtest, dann direkt als width- und height-Attribut, und margin:0 ist bei img-Elementen eh die Defaulteinstellung.

Das Resultat kann man unter "http://www.mobo-fahrschule.ch/" anschauen. Was mache ich falsch?

Nichts, soweit ich erkennen kann (vom falschen und überflüssigen style-Attribut abgesehen). Bei mir stehen die beiden Bilder sauber lückenlos nebeneinander (Opera 12.14, Firefox 19.0.2).

Zum restlichen Code ...
Warum packst du einige Elemente (Etwa den header oben, aber auch die Navi-Zeile darunter) gleich doppelt in div-Container ein? Das ist völlig überflüssig.
Für den Header bietet sich, da du ohnehin schon HTML 5 verwendest, das header-Element an. Das ersetzt dann die zwei div-Elemente und das span völlig. Das gleiche gilt sinngemäß für den Footer.
Und die Navi-Zeile darunter möchte wohl ein nav-Element mit einer Liste darin sein, keine aufwendig zurechtgetackerte einzeilige Tabelle.

Und "Diese Seite benötigt zwingend Javascript, damit sie richtig angezeigt werden kann"? Nö, wozu das? Sie wird bei mir im Opera auch ohne Javascript prima angezeigt. Soweit ich das auf die Schnelle sehe, benutzt du nirgends Javascript - außer für das Google-Schnüffelscript (und das möchte man nicht) und einen Frame-Breaker, der aber wegen der SOP sowieso nicht funktionieren kann, wenn das Dokument in einem fremden Frameset läuft.

Oh, und den Link "Zurück" in der Navi würde ich weglassen. Es ergibt keinen Sinn, Funktionen nochmal nachzubauen, die jeder Browser von sich aus bietet.

Schöne Ostertage,
 Martin

--
Wer es in einem Unternehmen zu etwas bringen will, muss so tun, als hätte er es schon zu etwas gebracht.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(