28220 sujets

CSS et mise en forme, CSS3

Bonjour a tous,
Me voila confronte un petit souci, voyez ce lien http://test.lightbox.ie/insight-studios/restoration.html. A droite se trouve des miniatures, ces miniatures j'aimerais quelle restent cote a cote et que finalement je navigue parmi elle seulement grace a un scrolling horizontal. Le fait est qu'elle reviennent a la ligne car j'ai defini une width au div contenant ces miniatures. Div qui est en overflow... Le probleme c que si je ne defini pas de width, les miniatures restent bien sur la meme ligne mais cela agrandi mon div principal... Smiley langue
L'un de vous aurait-il une solution pour que mon overflow en x marche avec une width definie sur mon div??

Merci d'avance.
Modifié par lehic (23 Jul 2005 - 15:59)
Salut,

Pour arriver à ce que tu veux, je ne vois qu'une seule solution à te proposer : ajouter un div intermédiaire, un conteneur pour tes images et qui sera d'une largeur suffisante (disons 2000px par exemple, à toi de voir selon le nombre maxi d'images envisagées) :

      <div id="list_image">
        <div style="width:2000px;">
          ...
         <img src="photo_small01.jpg" alt="" height="43" width="52">
          ...
        </div>
      </div>


Et évite le "overflow-x" (et y), Firefox ne connaît pas. Mets ici un "overflow:auto" et tout ça devrait rouler.

Smiley cligne
Hello,
Merci pour ta solution, en effet ca marche...dommage que je sois oblige de definir une largeur pour le div conteneur mais c'est surement la meilleure et seule solution.

Merci beaucoup.
Smiley biggrin