2010-11-30 14 views
2

Wie würde ich das Folgende ohne die Verwendung von Tabellen erreichen?Force Scrollbars Bilder CSS

Wenn ich die IMGs nicht in Tds verpacken, werden die Bildlaufleisten nicht erzwungen.

Die IMGs werden wie normaler Text ohne die tds nach unten geschoben.

Ich habe versucht, die Imgs anzuzeigen: Block, Inline-Block und ein paar andere Ideen, aber ich bin ahnungslos.

http://jsfiddle.net/zjews/

Edit: Ich konnte inline-table auf die eingewickelt "a" Links gilt aber leider Internet Explorer diese Eigenschaft nicht unterstützt. Kennt jemand eine Möglichkeit, Inline-Tabelle im Internet Explorer zu emulieren.

Antwort

1

ist das, was Sie meinen ?: http://jsfiddle.net/SebastianPataneMasuelli/zjews/1/

Ich wickelte die Links und Bilder in einem div-Container, und dann gab einfach den div den Stil white-space:nowrap;, die i bin mir ziemlich sicher, wird von allen Browsern gelesen.

1

Wickeln Sie die Bilder in Containerelemente wie divs. Wenden Sie beispielsweise overflow: auto; width: 200px; height: 200px; auf diese Container an.

+0

Das war mein ursprünglicher Gedanke außer den Bildern wrap. http://jsfiddle.net/sFJ5u/ – William

0

Sie könnten alle Bilder in ein Container-Div umbrechen und geben Sie eine feste Breite. Dann erzwinge die X-Achse zum Überlauf.

etwas wie folgt aus: http://jsfiddle.net/3n6nm/1/

+0

Danke, für die Antwort. Grundsätzlich habe ich jedes Mal eine andere Anzahl von Bildern in verschiedenen Größen. Das habe ich versucht zu vermeiden. Wenn das funktionieren könnte, würde ich es tun. – William