Discussion :

[bébé]

Bonjour,

Comme bcp je suis en rade au niveau de l'alignement vertical. Le probleme est que je dois aligner verticalement des images qui n'ont pas toujours la meme taille. Je n'ai pas de soucy quand la tailles des images est fixe mais avec des tailles différentes je ne vois pas vraiment comment trouver une solution.

Merci,

bb,

[Nip]

Ca aurait ete pas mal que tu files le code qui ne marche pas; sinon comme ca ca donne quoi?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
{
vertical-align: middle;
display: inline-block;
}

[Nesmontou]

Si mes souvenirs sont bons, le vertical-align: middle; ne fonctionne que pour les cellules d'un tableau

[bébé]

oui c'est exacte ! le vertical align n'est pas une solution

mon probleme ne se situe pas pour aligner un image donnée, mais pour aligner plusieurs images qui ont des tailles différentes. dans le cas d'une galerie photo par exemple.

[bébé]

bon ba j'ai une solution Je la mets car je suis sur que çà va en aider plus d'un. En gros je récupere la taille de l'image en php et j'attribue le padding nécessaire à l'image pour la centrer de fàçon dynamique.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
list($width, $height, $type, $attr) = getimagesize("imggalview/$nom_fichier[$numero]");
$paddingpx = (350 - $height)/2;
echo '<div style= "padding-top: '.$paddingpx.'" >';
//Affichage de l'image en cours
echo "<a href=\"galFull.php?imgFull=".$nom_fichier[$numero]."&catgal=".$catgal."&numero=".$numero."\"><img class='imggal2' src='../site1/imggalview/".$nom_fichier[$numero]."' alt='".$nom_fichier[$numero]."'/></a>\n";
echo '</div>';