Antworten zum Thema „Zwei Bilder nebeneinander!“

[Lona]

Ich habe schon wieder mal eine dumme Anfängerfrage:Wie kann man es bei zwei Bildern nebeneinander so lösen,dass die Seite am Ende auch valide bleibt?
Ich habe es so gemacht <img src="bild1.jpg" width="300" height="230" alt="bild">
daneben das zweite bild...schliesse ich das erste bild so wie es sein muss...ist es falsch dann ist es unten drunter...das zweite Bild schliesse ich dann /> so und da zeigt mir der validator einen Fehler an.
Har jemand einen tipp (ich denke doch dass es eine andere Lösung dafür gibt)
Danke schonmal
LG Lona

 

[Doitsu]

AW: Zwei Bilder nebeneinander!

Oehm, Bilder haben display: inline - sie werden also immer nebeneinander angezeigt, sofern sie die Breite nicht ueberschreiten..
also einfach

<img src="http://www.psd-tutorials.de/modules/Forum/46_x-html-css/46_x-html-css/..." alt="..." width="..." height="..." /><img src="http://www.psd-tutorials.de/modules/Forum/46_x-html-css/46_x-html-css/.." alt=".." width=".." height=".." />

Edit:
das src ding kommt vom Parser. o:

 

[owieortho]

AW: Zwei Bilder nebeneinander!

In Deinem Code fehlt das führende Anführungszeichen beim alt-Attribut.

<img src="bild1.jpg" width="300" height="230" alt="bild">

Und so wie oben, schließt man ein img-tag in html,

<img src="bild1.jpg" width="300" height="230" alt="bild" />

ist dagegen das korrekte Schließen in xhtml (Leerzeichen vor dem Slash beachten)
Ein Validator prüft immer gegen eine (x)html-Version (DOCTYPE) und wenn Du im Markup selbst die Versionen mischt, dann wird immer ein Teil als Fehler ausgegeben.

 

[Lona]

AW: Zwei Bilder nebeneinander!

Hallo danke erstmal...das war nicht die Frage...ich kann das Bild 1 nicht schiessen,da es dann drunter ist sorry die Anführungszeichen hab ich vergessen hier reinzuschreiben bei dem*alt* .
Ich weiss ja wie IMG geschlossen wird />,das ist nicht der Fehler...Ich dachte nur es gab eine bessere Lösung dafür
Wir können das Thema abschliessen.
Danke trotzdem für die Hilfe
LG Lona

 

[Sinane]

AW: Zwei Bilder nebeneinander!

style="float: left;"

 

[photospace]

AW: Zwei Bilder nebeneinander!

Hallo Lona hier das Funktioniert, musst nur noch mit CSS Formatieren.

<table>
<tr>
<th><image src="bild.png" title="bild" alt="bild" width="0" height="0" /></th>
<th><image src="bild.png" title="bild" alt="bild" width="0" height="0" /></th>
</tr>
</table>

 

[Landorien]

AW: Zwei Bilder nebeneinander!

Hallo Lona hier das Funktioniert, musst nur noch mit CSS Formatieren.

<table>
<tr>
<th><image src="bild.png" title="bild" alt="bild" width="0" height="0" /></th>
<th><image src="bild.png" title="bild" alt="bild" width="0" height="0" /></th>
</tr>
</table>

das ist Schwachsinn, da:

1. es keine tabellarische Daten sind
2. wären es tabellarische Daten, dann würde das td-Tag fehlen
3. wären es tabellarische Daten sollte man das summary-Attribut verwenden.

Wie schon weiter oben gesagt hast du die Möglichkeit deine Bilder mit Hilfe von CSS nebeneinander zu "positionieren". Entweder du verwendest float's ( float: Elemente umfließen lassen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets )oder du setzt die bilder auf display:inline ( display: Anzeigeart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets ). solltest du das erstere verwenden, vergesse nicht zu clearen ( clear: Umfließen von Elementen beenden: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets )


Gruß
Landorien