28172 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un petit soucis d'alignement.
Je suis en train de faire le site d'une amie et sur celui-ci, il y a une galerie d'images.

Si j'utilise des thumbnails de 80*80, j'arrive a quelque chose dans ce genre (en gris, mon div, en noir les images)
upload/16998-1.jpg

Maintenant, j'ajoute également des thumbnails de 180*180. Le résultat espéré est ceci
upload/16998-3.jpg

Malheureusement, j'arrive à ceci
upload/16998-2.jpg

La galerie est générée dynamiquement via un script jquery.
Le code ressemble à quelque chose genre

<style>
#bgal_complete img {
	margin: 10px;
	border: 0;
}
.img_size_0 { width: 80px; height: 80px; }
.img_size_1 { width: 180px; height: 180px; }
</style>
<div id="bgal_complete">
<img class="img_size_0" alt="" title="" id="" src="" />
<img class="img_size_0" alt="" title="" id="" src="" />
<img class="img_size_1" alt="" title="" id="" src="" />
</div>


J'ai essayé pas mal de choses différentes, mais j'avoue que je n'arrive pas à trouver. Je n'ai pas vraiment envie de me résoudre à utiliser une <table> pour placer tout ceci correctement (à bas les tables).
Quelqu'un aurait-il une idée ?
Modifié par benmic (13 Jun 2008 - 12:34)
Bonjour et bienvenu sur le Forum Smiley smile

Au vu de tes images, je dirais qu'il existe une solution tout à fait viable, solide et pérenne pour obtenir ta mise en page : il s'agit d'un beau et magnifique tableau ! Smiley biggrin

L'utilisation des tableaux n'est en rien prohibés, elle est même conseillée pour des cas comme celui-ci.
D'ailleurs, à ce propos, voici quelque chose qui devrait t'intéresser : Maléfiques tableaux ! Smiley langue
Cygnus a écrit :
Bonjour et bienvenu sur le Forum Smiley smile

Merci Smiley smile

Cygnus a écrit :
Au vu de tes images, je dirais qu'il existe une solution tout à fait viable, solide et pérenne pour obtenir ta mise en page : il s'agit d'un beau et magnifique tableau ! Smiley biggrin

L'utilisation des tableaux n'est en rien prohibés, elle est même conseillée pour des cas comme celui-ci.
D'ailleurs, à ce propos, voici quelque chose qui devrait t'intéresser : Maléfiques tableaux ! Smiley langue

J'avais lu ce billet à l'époque Smiley cligne

Disons que j'essaye de me passer le plus possible des tableaux, mais que quand il faut, il faut Smiley cligne
Bon... ben "plus qu'à" trouver l'algo pour placer tout ça Smiley langue

Merci pour ta réponse
Modifié par benmic (13 Jun 2008 - 11:14)