Discussion :

[sapkoryo]

Bonjour,

J'ai ajouter une petite animation dans la page d'accueil de mon site e-commerce qui permet de faire défiler des images. Or celle-ci ne sont pas centrées. Voici le code HTML:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<TR>
   <div id="bodycolumn2">
      <TD id="slide" align="center" valign="top"> 
         <TABLE border="0" width="100%" align="center" cellspacing="0" cellpadding="0">
            <TR>   
               <TD align="center"><IMG border="0" title="Title1" height="80" src="Files/29412/Img/13/img1.jpg" />
               <TD align="center"><IMG border="0" title="Title2" height="80" src="Files/29412/Img/13/img2.jpg" />
               </TD>
            </TR>
         <TR> 
            <TD> <script type="text/javascript" src="/DesignCss/SharedWebblockImg/slideshow004.js"></script> 
                     <script type="text/javascript"> initSlideshow ( 'slide', 3000, 30, 3, 201); </script>
            </TD>
         </TR>
      </TABLE>
   </TD>
</div>
</TR>

Pourriez-vous me dire si quelque chose vous semble manquer dans ce code pour centrer les images?

Merci

[Bisûnûrs]

Heu, ça dépend du code généré par ton script ..

A priori je dirais un text-align:center sur le td parent.

[sapkoryo]

Merci ça marche mais j'ai aussi du ajouter une balise div style avec un margin:auto et supprimer le width="100%" de ma table.