2010-11-30 4 views
2

Comment pourrais-je accomplir ce qui suit sans l'utilisation de tableaux?force Scrollbars Images CSS

Si je ne conclurai pas les imgs dans tds les barres de défilement ne sont pas forcés.

Les imgs sont poussés vers le bas comme texte régulier avec le tds.

J'ai essayé de placer les DHCEU display: block, inline-block et un couple d'autres idées, mais je suis complètement paumé.

http://jsfiddle.net/zjews/

Edit: Je pourrais appliquer inline-table pour les enveloppées "a" liens mais malheureusement Internet Explorer ne prend pas en charge cette propriété. Est-ce que quelqu'un sait d'un moyen d'émuler inline-table dans Internet Explorer.

Répondre

1

est ce que vous voulez dire ?: http://jsfiddle.net/SebastianPataneMasuelli/zjews/1/

i enveloppées les liens et les images dans un conteneur div, et a donné simplement le div style white-space:nowrap;, qui i Je suis assez sûr que c'est lu par tous les navigateurs.

1

Envelopper les images dans des éléments conteneurs tels que divs. Appliquer overflow: auto; width: 200px; height: 200px; à ces conteneurs, par exemple.

+0

C'était ma pensée originale à l'exception des images envelopper. http://jsfiddle.net/sFJ5u/ – William

0

Vous pouvez envelopper toutes les images dans un conteneur div et lui donner une largeur fixe. Ensuite, forcez l'axe x à déborder.

quelque chose comme ceci: http://jsfiddle.net/3n6nm/1/

+0

Merci pour la réponse. Fondamentalement, j'ai un nombre différent d'images à chaque fois différentes tailles. C'est ce que j'essayais d'éviter. Si cela pouvait marcher, je le ferais. – William