28220 sujets

CSS et mise en forme, CSS3

Mise en page album photo

Bonjour,

J'essaie de me faire un album photo ...
Mon problème est lors de l'affichage :

J'ai un premier div :

.affimg {float: left; width: 120px; text-align:center;}


Dans lequel j'ai un tableau de 120x120 qui contient mon image.

Si l'image fait 120 de large tout se passe bien, par contre si elle fait moins de 120 elle n'est pas centrée correctement ce qui décale les images suivantes.

Voici le code :

   <div class='affimg'>
   <table width='120' border='0'>
   <tr>
   <td width='120' height='120'>
   <a href='javascript:popupimage(\"$fullfile\")'><img src='./images/toto.jpg' border='0' /></a>"
   </td>
   </tr>
   </table>
   </div>


J'ai beau retourner dans tous les sens mon code je ne vois pas !

Merci.
Modifié par hippo (19 May 2005 - 17:06)
Administrateur
Salut et bienvenue ici,

Je me permets de te rappeler un point des Règles que tu as dû survoler :
Règle a écrit :
13- Mise en forme générale des messages
Merci de bien vouloir prendre le temps de présenter correctement vos messages, surtout si ces messages doivent inciter les autres membres à vous dépanner sur un problème. Des boutons de mise en forme sont prévus pour cela (gras, italique, etc.). Merci de systématiquement baliser vos codes HTML ou CSS avec le bouton CODE approprié (éviter également, pour des questions de lisibilité, de présenter des codes HTML et PHP imbriqués). Enfin, n'hésitez pas à toujours fournir une image explicative et une url où les membres auront un aperçu de votre problème.
Oui, editer ton premier message pour rajouter les balises [ code] et [ /code] comme viens de te l'indiquer Raphaël.
J'utitlise une tableau dans un div pour pouvoir aligner mes photos aussi bien horizontalement que verticalement, ne connaissant pas leur taille mais sachant qu'elles font maximum 120x120.

Donc dans .css


   .affimg {float: left;width: 120px;height: 120px;margin-top: 10px;text-       align: center;}
   td {vertical-align: middle;}


Voilà !
Sujet clos
Aller à