28172 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un soucis avec mon site en cours de développement.
J'ai une div qui comprends plusieurs images mais elles sont une largeur différentes à chaque fois et donc j'ai fais une "moyenne" et je la multiplie par le nombre d'images présentes dans le dossier. Mais voilà pour le 3/4 j'ai ma scroll qui tourne un peu dans le vide et donc il y a un reste blanc,
"width : auto"
me remets les images en dessous alors que celle-ci doivent rester sur une seule et même ligne.

Au passage, j'ai essayé plusieurs largeurs, les display block, inline, table mais rien ne change ou me "casse" ma ligne.

donc pour l'instant ça donne :

<div id="image">
  <div id="explication"> titre - explication </div>
  <div id="affichage" style="width:1300px">
    <img src="url ">
    <img src="url">
  </div>
</div>



#image {
    float: left;
    height: 550px;
    overflow: auto;
    position: relative;
    width: 1000px;
}
#affichage {
    float: left;
    height: 500px;
    position: absolute;
    z-index: 0;
}
#affichage img {
    margin-right: 10px;
    max-height: 500px;
}


Merci de m'apporter vos connaissances Smiley biggrin