Centrage vertical impossible

Version imprimable

Bonjour à tous,

Voici le code que j'utilise pour une cellule d'un tableau, mais impossible de centrer verticalement le texte ET l'image !
Pouvez-vous me donner une solution ?
Merci d'avance.
Code:

1 2 3 4 5 6 7 <td align="center" valign="middle" bgcolor="#0099FF"><div align="center"> <a href="javascript:Trt_SPRY();">Ouvrir / Fermer toutes les sous sections du paragraphe</a><br /> <a href="javascript:Trt_SPRY();"><img src="Images/vers-gauche-fleche-double-y-icone-6810-48.png" alt="Ourir / Fermer toutes les sous-sections du paragrapghe." width="48" height="48" border="0" /></a><br /> </div> </td>

05/10/2011, 17h31
RomainVALERI

Mise en page à coup de tableaux HTML, balises et/ou attributs HTML obsolètes pour la mise en forme... ? :no:

Je te suggère d'envisager à court ou moyen terme une refonte vers une structure par DIV + CSS

centrer verticalement

Il faut un code correct et complet et mettre en CSS la mise en forme; pour centrer verticalement, utiliser : vertical-align . Pour centrer l'image, utiliser une classe avec mise en forme en CSS:

Code:

1
2
3
4
5
6
7
8
<div id="div1">
     <tr>
         <td class="td">
               <a href="javascript:Trt_SPRY();">Ouvrir / Fermer toutes les sous sections du paragraphe</a><br />
               <a href="javascript:Trt_SPRY();"><img class="image" src="Images/vers-gauche-fleche-double-y-icone-6810-48.png" alt="Ourir / Fermer toutes les sous-sections du paragraphe." width="48" height="48" border="0" /></a>
        </td>
    </tr>
</div>

et en CSS (dans une balise insérée dans le head):

Code:

<style> </style>

Code:

1
2
3
4
5
6
7
8
9
10
11
#div1{
    text-align: center;
}
.td{
     text-align:center;
     vertical-align: middle;
     background-color: #0099FF;
}
.image{
vertical-align: middle;
}

09/10/2011, 18h32
12monkeys

Bonsoir

Citation:

Envoyé par miss_socrates

Il faut un code correct et complet

Tout à fait d'accord mais là ton exemple n'est pas franchement correct : un div suivi d'un tr, il manque au minimum le <table>.

Pour le centrage cela se fait avec du CSS : http://css.developpez.com/faq/?page=positionnement