perso, je suis pas fan de ta mise en forme en tableau
tu peux astucieusement utiliser ensemble la propriété "display:inline-block;" pour placer tes controles a coté de l'image.
et associer positionnnement relatif et absolu pour gerer le placement en bas a droite.
ex :
Code :
- <div style="font-size:0;width:500px;height:300px;">
- <span style="display:inline-block;width:300px;height:300px;font-size:12px;text-align:center;vertical-align:top;line-height:300px;">
- <span style="vertical-align:middle;"><img src="toto.jpg" style="border:none;vertical-align:middle;width:100px;height:100px;"><span style="font-weight:bold;">1670 DOSSIERS</span></span>
- </span>
- <span style="position:relative;display:inline-block;width:200px;height:300px;font-size:12px;text-align:center;vertical-align:top;">
- <div style="position:absolute;bottom:0;right:0;">
- <span class="inactive">Précedente</span>
- <span class="active">1</span>
- <a href="javascript:suivant('50');">2</a>
- <a href="javascript:suivant('100');">3</a>
- <a href="javascript:suivant('150');">4</a>
- <a href="javascript:suivant('200');">5</a>
- <a href="javascript:suivant('50');">Suivante</a>
- </div>
- </span>
- </div>
|
biensur ce n'est qu'une ebauche qui demande a etre améliorée et adaptée,
mais elle représente selon moi une bonne base
(de plus, compatible avec 99% des navigateurs)
---------------
Mon feedback