Discussion :

[Zebulon777]

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 :

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

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>

[RomainVALERI]

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

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

[miss_socrates]

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 :

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

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 :

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

<style> </style>

Code css :

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

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;
}

[12monkeys]

Bonsoir

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