Bilder Skaliert nebeneinander

[mrjhahn]

Hallo ich suche nun schon seit 2 Tagen nach dem Code, bin nicht der erfahrenste.

Das Problem.
Ich möchte viele Bilder nebeneinander dargestellt haben das man mit dem balken unten nach rechts scrollen kann.
Die Bilder sind dazu in ein Fenster eingepasst.
damit meine ich das Die Bilder auf die jeweilige Desktop Größe Skaliert ist.

beides einzeln geht aber sobald ich mit Div ankomm oder mit Tables will er nicht mehr mitspielen.

ich benutze html und Css
hier der entscheidene Auszug

<img src="bilder/img01.jpg" title="++++///IZAIO-Models///c.neeon">
<img src="bilder/img02.jpg" title="++++///IZAIO-Models///c.neeon" />

 html, body, p { width:100%; height:100%; margin:0; border:0 none; padding:0; }
       img { height:100%;  }

Ich hoffe einer kann mir helfen.
zur not auch Javascript nur PHP wird nicht von meinem Hoster unterstüzt

 

[Efchen]

Ich möchte viele Bilder nebeneinander dargestellt haben das man mit dem balken unten nach rechts scrollen kann.

Bilder in einen Container zusammenfassen, diesem eine feste Breite geben, fertig. Ist die Breite größer als die Breite des Viewports, kommt ein Scrollbalken.

Die Bilder sind dazu in ein Fenster eingepasst.

Das bedeutet?

damit meine ich das Die Bilder auf die jeweilige Desktop Größe Skaliert ist.

Huh? Und was machst Du, wenn das Browserfenster bzw. der Viewport deutlich kleiner ist das der Desktop? Dann ragt das Bild aus dem Fenster raus und man muss scrollen, um das eine Bild erfassen zu können? Wäre es nicht besser, Bilder auf die Größe des Viewports zu skalieren?

beides einzeln geht aber sobald ich mit Div ankomm oder mit Tables will er nicht mehr mitspielen.

Naja, mit Tabellen hat das ja wohl auch eher nichts zu tun.

hier der entscheidene Auszug

Deinen Bildern fehlt das vorgeschriebene alt-Attribut.

Dein Code setzt Bilder zwar nebeneinander, aber lässt zu, dass ein automatischer Zeilenumbruch gemacht wird, wenn die Bilder nicht mehr nebeneinander passen. Wenn Du das nicht willst, und das scheint mir der Kern Deiner Frage zu sein, dann musst Du die Bilder gruppieren mit dem "Gruppieren"-Tag und dem eine feste Breite zuweisen, so dass die Bilder da alle reinpassen.

Übrigens skalierst Du mit Deinem Code die Bilder nicht auf die Größe des Desktops, sondern auf die Größe des Elternelements, das ist der body und somit der Viewport, so wie es sein muss. Das ist aber was ganz anderes als der Desktop. Der Desktop hat außerdem normalerweise auch nichts mit einer Website zu tun.