28172 sujets

CSS et mise en forme, CSS3

bonjour à tous !!

Je vous expose mon problème :

Je désire faire une galerie de photos qui contient deux div.
l'une au dessus de l'autre.
Celle du bas contient toutes les images de la catégorie choisie.
L'affichage des images se fait sur une ligne.
La largeur du div est de 720px.
Le problème est qu'une fois que les images arrivent au bout des 720px les suivantes passent à la ligne pourtant j'ai mis un overflow-x:auto;
Que faire ???

Je pense que les css suivantes peuvent vous être utiles:
.mini{
max-height:100px;
background-color: #99CC99;
width:auto;
display: block;
overflow:hidden;
overflow-x: scroll;

overflow : -moz-scrollbars-horizontal; 
}
.imagettes{
display:inline;
width:200px;
height:180px;
}


Merci d'avance pour votre aide.
Bonjour Smiley smile

Tu veux que toutes tes images soient sur une seule ligne, et dans le cas où il y a plus d'images que de place disponible la scrollbar horizontale apparaisse ?

Normalement overflow:auto + une largeur fixée (width:...px) sur le conteneur devrait fonctionner...

Sinon dans ton code, à qui servent :
- le overflow:hidden (là tu masques les dépassements),
- le width:auto (la taille doit être fixée pour que la scrollbar apparaisse),
- et le overflow:-moz-scrollbars-horizontal ( Smiley sweatdrop ) ?

Une page en ligne me permettrait de t'aider d'avantage Smiley cligne
Bonjour Belig,

Merci de te pencher sur mon problème.

a écrit :
Tu veux que toutes tes images soient sur une seule ligne, et dans le cas où il y a plus d'images que de place disponible la scrollbar horizontale apparaisse ?


Tu as bien compris ce que je voulais faire.

a écrit :
Normalement overflow:auto + une largeur fixée (width:...px) sur le conteneur devrait fonctionner...


C'est ce que j'avais fait mais ça ne marchait pas, seulement un scroller vertical apparaissait.


a écrit :

Sinon dans ton code, à qui servent :
- le overflow:hidden (là tu masques les dépassements),
- le width:auto (la taille doit être fixée pour que la scrollbar apparaisse),
- et le overflow:-moz-scrollbars-horizontal ( sweatdrop ) ?


Ça je l'ai récupéré sur un site web une sorte de "hack css" ça affiche bien un scroll horizontal mais celui ci n'est pas actif donc ne résoud pas le problème.

a écrit :
Une page en ligne me permettrait de t'aider d'avantage cligne


Je ne l'ai pas encore mise en ligne j'attends justement d'avoir fini la galerie pour prendre un hébergement... Smiley ohwell

Je pourrais en revanche mettre plus de code ce soir. (là je suis en cours et n'ai pas accès à mon code sur mon pc qui est chez moi)

Merci à bientôt.