Alignement dans un tableau

**Antoon** · 23/05/2007, 15h17

Bonjour, j'aimerai aligner mon texte : Flash actualités : Septembre 2007au milieu de mon image orange mais je n'y arrive pas

Code :

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

1
2
3
4
<table border="0" cellpadding="0" cellspacing="0">
<tr valign="middle" align="middle"> <td background="http://www12.asphost4free.com/harrystid/orange.jpg" width="345" height="47" > <font color="white" face="arial"><h3> > Flash actualités : Septembre 2007 </h3></font> </td> </tr>
<tr> <td> <a href="http://82.228.123.234/flashactu/index.php"><img src="http://www12.asphost4free.com/harrystid/blanc.jpg" border="0" target="_blank"></a>  </td></tr>
</table>

Voici le resultat : ICI

Merci par avance

**chaminette** · 23/05/2007, 15h24

qu'est ce qui passe si tu mets un align ou valgin dans ta 'td'?

**Antoon** · 23/05/2007, 15h28

Le même problème

C'est pour cela que j'ai essayé de le mettre dans le <TR>

@+ @ntoon

**chaminette** · 23/05/2007, 15h32

et si tu mettais dans ta CSS une classe pour ce titre , dans laquelle tu mets :
position :absolute ; et apres tu definis les coordonnées?

**Oluha** · 23/05/2007, 15h35

ton code est incorrect au niveau des propriétés align et valign, voilà comme les utiliser :

Code :

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

<td align="center" valign="middle">

Sinon d'après le peu que j'en vois, j'aurai plutôt tendence utiliser des <div> et du CSS

**Antoon** · 23/05/2007, 15h39

Je ne peux pas utiliser de CSS ni de Div car c'est un emailing... et c'est plus que déconseiller d'en utiliser pour un e-mailing( charte des e-mailings ).

Même en changeant les propriètés, ca ne fait rien

Snif snouf

@+ @ntoon

**Oluha** · 23/05/2007, 15h47

d'après ce que je viens de lire rapidement, il est en effet déconseillé d'utiliser du CSS dans les balises head de la même façon qu'on ferai une feuille de style externe, par contre le CSS en ligne (c'est à dire l'attribut style) a l'air d'être proposé en solution.

Voilà un extrait de ce que j'ai trouvé :

Problème :

Les webmails utilisent leurs propres feuilles de styles, et comme celles-ci précèdent les miennes, l'effet de cascade aboutit à une priorité de mes règles sur celles du webmail. De sorte que mes pseudo-classes et mes définitions d'éléments (tel a:link{} et td{}) altéraient par mégarde le design du webmail lui-même. Fichtre !
Solution :

J'ai paramétré précisément chaque définition. C'est ainsi que a:link{} est devenue à la fois span.DefinitionDeStyle a:link{} et td.Contenu a:link{} pour mettre en forme les liens HTML dans les deux niveaux de l'arbre du document. Cette approche peu orthodoxe alourdit le balisage, mais elle assure que mes styles seront appliqués uniquement aux éléments de mon courriel. Elle établit aussi un respect du travail, pour le designer du webmail comme pour ses utilisateurs. Mais surtout, le code qui en résulte est correct et fonctionne comme prévu.
Problème :

Hotmail : le plus démoniaque de tous. Aucune pitié pour les mails en HTML qui s'appuient sur des CSS. Il ne se contente pas d'éradiquer les styles, mais aussi les balises suivantes des courriels : <head>, <title>, <meta>, et <body>. Dites adieu à votre beau design.
Solution :

Je vous recommande de considérer soigneusement jusqu'où vous voulez vous plier à l'ineptie d'Hotmail, car la méthode suivante va demander du dévouement et de la rigueur. Comme la balise <body> et toutes celles qui précèdent se sont évaporées, la seule option consiste à utiliser les styles CSS en-ligne. Les styles définis en-ligne sont pénibles et peu productifs, et vous préféreriez sans doute ne pas avoir à les utiliser, mais ils fonctionnent tout de même. Si vous prévoyez une utilisation massive d'Hotmail par votre public, vous pouvez vous tourner vers cette méthode. Mais si vous n'avez pas à vous soucier d'Hotmail, sautez donc cette étape et pensez aux choses importantes de la vie, comme manger et dormir.