Problème avec white-space:nowrap;

Bonsoire tout le monde.
Je viens a mon tour vous demandez un peu d'aide...

Voila, je suis en train de faire un nouveau design de site pour mon site actuellement en ligne, en fait j'en recréer un nouveau, de style:
1 index avec le menu + 1 iframe.
J'expose mes créations sur mon site (pratiquement que des images).
J'ais donc fait des galleries d'images.
Les images dans mes galleries exclusivement défilent de gauche a droite et non de haut en bas. C'est la le problème.
Je ne comprends pas pourquoi les images vont a la ligne sans <br/>, mêmeavec un display:inline;

Je vous mets le code:

<div class="champgallerie">
		<img class="img" src="anna-by stickmaniak.jpg"/>
		<img class="img" src="stickmaniak-by stickmaniak.jpg"/>
		<img class="img" src="studiant-by stickmaniak.jpg"/>
		<img class="img" src="joador-by stickmaniak.jpg"/>
</div>
ET LE CSS:

.champgallerie
{
white-space:nowrap;
width:200px;
height:596px;
}

.img
{
margin-left:20px;
margin-right:20px;
}

Ou cela aurait il un rapport avec mon iframe?
Je vous remercies d'avance. bonne soirée!

Salut,

Sans page en ligne difficile de constater le problème précisément.

Ta div faisant 200px de large, je suppose que la largeur de 2 images additionnée aux marges gauche et droite de ces images dont que çà passe automatiquement à la ligne.
200 - (20 + 20) -(20 + 20) = 120
120 / 2 = 60
Pour que cela marche il faudrait que tes images ne fasse pas plus de 60 pixels de large pour avoir deux images sur la première ligne.

200 - (20 + 20) -(20 + 20) -(20 + 20) = 80
80 / 3 = 26
Pour faire rentrer 3 images il faudrait qu'elles ne mesurent pas plus de 26px de large chacune.

Je ne fais pas le calcul pour 4 images, je suppose qu'un image de 10px de large ne présente pas vraiment d'intérêt pour une vignette.

Lol oui, tu as tout a fait raison.
Le problème c'est que je suis un boulet, (les 200px; de large n'étaient qu'un test, car en fait, le cod css ne s'appliquait pas a ma page...),
j'ais oublier de changer le chemin de l'emplacement de mon fichier css lorsque j'ais changer la disposition de mon menu . Au lieu de "../../../x.css" j'aivais laissé "../x.css"... donc évidement... J'ais donc fais un post totalement inutil, cependant, je te remercie de ta réponse (je dois encore chercher côté compatibilité IE, et résolution).

Voila le lien: http://stickart.ifrance.com
(IE7 les liens dans le menu n'apparaissent pas de la bonne couleur, et evidement un décalage de pixel)

Bonjour, j'ais réglé les problèmes de pixel et de liens pour internet explorer 7,
cependant, j'ais ajouté un background sur lequel j'ais déssiné; pour qu'on le voi j'ais mis le fond de mon iframe 90% d'opacité (au format .png):
>aucun problème pour Firefox
>le background de l'iframe reste opaque pour IE 7 (pourtant il gère la transparence...).
??
Modifié par Stickmaniak1 (26 May 2007 - 13:56)

Stickmaniak1 a écrit :
Bonjour, j'ais réglé les problèmes de pixel et de liens pour internet explorer 7,
cependant, j'ais ajouté un background sur lequel j'ais déssiné; pour qu'on le voi j'ais mis le fond de mon iframe 90% d'opacité (au format .png):
>aucun problème pour Firefox
>le background de l'iframe reste opaque pour IE 7 (pourtant il gère la transparence...).
??

Bonsoir,
Pour une compatibilité avec les navigateurs les plus courants :

filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;

Yaoul