Gesamte Webseite horizontal scrollen (Jehova)

[JXR]

Hallo SelfHTML-Forum,

ich weiß ich weiß...

und ich traue mich auch fast nicht die Frage zu stellen:

Ich helfe einem Freund bei seiner Webseite. Und mache dabei die nötigsten HTML/CSS-Grundlagen. Damit wir da auch weitgehend sinnvolles und valides zuammenschrauben.

Nun soll eine Art Bildergalerie horizontal scrollen (evtl. nur Thumbnails).

Bilder nebeneinander -> -> ->

So wie diese Seite z. B.: http://www.gusmarx.com/moda07.htm/
(aber so wie diese Seite wollen wir das auf keine Fall lösen ;) mit Tabellen)

Ich selbst mag horizontal scrollende Seiten überhaupt nicht. Habe auch begründet warum sowas nicht so toll ist, und habe versucht das auszureden. Ohne Erfolg. Nun gut. Wenn es unbedingt sowas werden soll, dann helfe ich halt, damit es nicht zu allzu wüst wird. So dass das nötigste, was man noch richtig machen kann, bei dieser Idee, auch beachtet wird. (Denn wenn ich nicht helfe wird irgenwo was zusammengeklaut das zum Ergebnis führt.)

Nun ist mein Problem. Da ich sowas nicht mag, horizontal statt vertikal scrollende Seiten, habe ich sowas noch nie gemacht.

Ich finde zwar Lösungen, aber keine die mir elegant erscheinent.

Wie löse ich sowas am geschicktesten mit HTML/CCS, ohne Tabellen selbstverständlich.

Was natürlich funktioniert ein Div um die Bilder mit fester Größe, z.B. 2300px.

Aber dann muss man immer die Beite der Bilder usw. addieren udn das Div entsprechend groß dimensionieren.

Lieber wäre mir eine lexible Lösung die sich automatisch der Inhaltsmenge, Anzahl der Bilder, anpasst (mit HTML/CSS-Mitteln, kein PHP dass die Bilder für mih addiert udn entsprechenden Code ausspuckt, o. ä.).

Hat da zufällig jemand einen simplen, validen, sinnvollen Ansatz, wie man da vorgehen könnte?

Danke!

Gruß JXR

[JXR]

Link funktioniert nicht...

Seltsam!

[   link   :   http://www.gusmarx.com/moda07.htm   ]

"Warum geht nix? Kaputt?"

[Bud]

Link funktioniert nicht...
Seltsam!

www.gusmarx.com

Geht doch.

vg Bud

[Gernot Back]

Hallo JXR,

http://www.gusmarx.com/moda07.htm

"Warum geht nix? Kaputt?"

geht doch!

Du hattest beim ersten Mal noch einen Schrägstrich hinter dem "htm".

Zu deinem Problem: Magst du den Platzbedarf der Bilder, wenn sie nebeneinander stehen mit Javascript auslesen? Einfach floaten lassen und deren jeweilige offsetWidth plus Abstand zum nächsten aufaddieren und die Summe dem umschließenden Container über die style.width-Untereigenschaft onload zuweisen.

Wenn du die Bilder display:inline belässt, also nicht floaten lässt, kannst du den umschließenden Container auch auf white-space:nowrap stellen.

Mit Rücksicht auf irgendeinen Browser habe ich das bei dieser Testseite allerdings verworfen. Ich glaube Opera war es, der die Bilder dann dennoch umbrach.

Gruß Gernot

[Bud]

Hi.

Ich glaube Opera war es, der die Bilder dann dennoch umbrach.

Opera kann es, IE 5.01 nicht.

vg Bud

[Cyx23]

Hallo,

Mit Rücksicht auf irgendeinen Browser

bei diese Seite über corporate fashion erreichte die Version ohne
table und ohne frames auch nicht die verlässliche Darstellung der
Tabellenversion.
Inzwischen ist aber z.B. Opera etwas besser geworden, NC 4 und alte
IEs werden auch seltener genutzt.

Grüsse
Cyx23

[Gunnar Bittersmann]

Hello out there!

Nun soll eine Art Bildergalerie horizontal scrollen (evtl. nur Thumbnails).
Wie löse ich sowas am geschicktesten mit HTML/CCS, ohne Tabellen selbstverständlich.

<ul>  
  <li><img src="foo" alt="foo" /></li>  
  <li><img src="bar" alt="bar" /></li>  
  <li><img src="baz" alt="baz" /></li>  
  <li><img src="quz" alt="quz" /></li>  
</ul>

ul  
{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
  white-space: nowrap;  
}  
  
li  
{  
  display: inline;  
}

See ya up the road,
Gunnar