Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par gwenstefani Lun 1 Aoû 2011 - 22:42

Bonjour,
J'ai actuellement un problème avec mon tableau. Les textes contenus dans les colonnes de droite et de gauche sont disposés au centre de la cellule, ce qui pose un problème pour l'alignement des images. Avez-vous une solution pour mettre le texte en haut?

http://testzzef.forumgratuit.org/

Merci d'avance.
avatar

gwenstefani
Nouveau membre

Messages : 20
Inscrit(e) le : 04/10/2008

http://palais-dollz-city.actifforum.com
gwenstefani a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par Pouss' Lun 1 Aoû 2011 - 22:45

Bonsoir,

Il faut appliquer à chaque cellule :
Code:
<td valign="top">TON TEXTE</td>

Ou à ta table entière par facilité si tu veux que ça soit le cas pour toutes tes cellules :
Code:
<table valign="top">...</table>

Smile
Pouss'

Pouss'
**

Messages : 50
Inscrit(e) le : 01/05/2009

http://angels-breaking-up.forumactif.com/
Pouss' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par gwenstefani Lun 1 Aoû 2011 - 22:59

Ca marche pas, j'ai du mal faire quelque chose :/


Spoiler:
avatar

gwenstefani
Nouveau membre

Messages : 20
Inscrit(e) le : 04/10/2008

http://palais-dollz-city.actifforum.com
gwenstefani a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par Pouss' Lun 1 Aoû 2011 - 23:05

Pourquoi y a-t-il tout un tas de <span> au dessus de votre première image dans la colonne de gauche ?

Essayez en appliquant le valign à votre première table ?
Pouss'

Pouss'
**

Messages : 50
Inscrit(e) le : 01/05/2009

http://angels-breaking-up.forumactif.com/
Pouss' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par gwenstefani Lun 1 Aoû 2011 - 23:11

J'ai essayé, mais ça ne change rien.


Spoiler:
avatar

gwenstefani
Nouveau membre

Messages : 20
Inscrit(e) le : 04/10/2008

http://palais-dollz-city.actifforum.com
gwenstefani a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par Pouss' Lun 1 Aoû 2011 - 23:21

Essayez comme ceci :

Code:
 <table style="border:1px solid #ffffff;" valign="top">
    <tr><td class="contenu" style="border: solid 1px #ffffff; color:#6B6E6C; font-size: 10pt;"><DIV><BR> <SPAN class=user-msg><SPAN class=user><SPAN><SPAN class=user-msg><SPAN class=user></SPAN></FONT></SPAN></FONT><SPAN><DIv><a href="http://imageshack.us/photo/my-images/232/nnnnnnnnnnnnnnnnnn.gif/" class="postlink" target="_blank" rel="nofollow"><img src="http://img232.imageshack.us/img232/3264/nnnnnnnnnnnnnnnnnn.gif" border="0" alt="" /></a>
<MARQUEE direction=up height=60 scrollAmount=1><div align=center><A onclick="return copy_user_name('Azurious');" href="http://zarkozelkoss5.forumactif.org/u12" target=_blank><SPAN style="COLOR: #08cc5d"><FONT size=3><STRONG>Azurious</STRONG></FONT></SPAN></A><FONT size=3><STRONG> :</STRONG> </FONT></SPAN><SPAN class=msg><SPAN style="COLOR: #ff0000"><FONT size=3><FONT color=black>Merci aux ZZEF de nous rester fidéle et de supporter nos jumeaux</FONT></FONT></SPAN></SPAN></div><div align=center><SPAN class=msg><SPAN style="COLOR: #ff0000"><A onclick="return copy_user_name('SaSa');" href="http://zarkozelkoss5.forumactif.org/u2" target=_blank><SPAN style="COLOR: #c23cbe"><FONT size=3><STRONG>SaSa</STRONG></FONT></SPAN></A><FONT size=3> : </FONT></SPAN><SPAN class=msg><SPAN style="COLOR: #333131"><FONT size=3>Big dédi à tout ceux qui viennent du topic ZZEF et les supportes depuis le debut </FONT></SPAN></SPAN></SPAN></div><div align=center><SPAN class=msg><SPAN class=msg><SPAN style="COLOR: #333131"><FONT size=3><SPAN class=user-msg><SPAN class=user><A onclick="return copy_user_name('blondie');" href="http://zarkozelkoss5.forumactif.org/u11" target=_blank><SPAN style="COLOR: #c23cbe"><STRONG>blondie</STRONG></SPAN></A><STRONG> : </STRONG></SPAN><SPAN class=msg><SPAN style="COLOR: #333131">les ZZ en force !</SPAN></SPAN></SPAN></FONT></SPAN></SPAN></SPAN></FONT></FONT></SPAN></SPAN></SPAN><BR></div></MARQUEE></DIV></SPAN><DIV align=center><BR></DIV></SPAN></FONT></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN> </td>
<td class="contenu" style="text-align:center; border: solid 1px #ffffff; color:#6B6E6C; font-size: 10pt;"><a href="http://imageshack.us/photo/my-images/688/infosh.gif/" class="postlink" target="_blank" rel="nofollow"><a href="http://imageshack.us/photo/my-images/29/dfffffdgfdgfdgdfgsetret.gif/" class="postlink" target="_blank" rel="nofollow"><img src="http://img29.imageshack.us/img29/4020/dfffffdgfdgfdgdfgsetret.gif" border="0" alt="" /></a>

<span style="font-size: 18px; line-height: normal"><div align="justify"><div>Bienvenue sur le forum officiel de soutien de Zarko & Zelko, les jumeaux de Secret Story 5.
Ce forum est un espace de discussion entre téléspectateurs de Secret Story et plus particulièrement entre fans de Zarko et Zelko. Nous organisons des jeux et échangeons sur des sujets ayant pour thème les jumeaux mais aussi les autres candidats et secret story en général (tu peux évidemment ne pas être d'accord avec nous et être pour un autre candidat du jeu, mais nous te demanderons d'être respectueux lorsque tu débattras avec les autres)
Avant de poster sur le forum, merci d'aller lire le règlement et également de vous présenter dans la partie qui convient.
C'est tout, pour le moment.</span></div> </td>
    <td class="contenu" style="text-align:center; border: solid 1px #ffffff; color:#6B6E6C; font-size: 10pt;"><a href="http://imageshack.us/photo/my-images/31/dddddddddddddddddddddds.gif/" class="postlink" target="_blank" rel="nofollow"><img src="http://img31.imageshack.us/img31/6747/dddddddddddddddddddddds.gif" border="0" alt="" /></a>
</a><DIV><SPAN>
<A class=postlink href="http://marie-geoffrey.un concurrent.fr" rel=nofollow target=_blank><IMG border=0 alt="" src="http://img71.xooimage.com/files/5/c/2/081223010005195207-9d29cd-2accfa6.png"></A> <A class=postlink href="http://keepyoursecret.forumgratuit.org/" rel=nofollow target=_blank><IMG border=0 alt="" src="http://www.ohmypix.com/stock/fast/part_9cba3342.png"></A> <A class=postlink href="http://sabrina-perquis.un concurrent.fr" rel=nofollow target=_blank><IMG border=0 alt="" src="http://img69.xooimage.com/files/b/5/e/partenariat2-2b4f987.png"> <A class=postlink href="http://morgan-ss5.un concurrent.fr" rel=nofollow target=_blank><IMG border=0 alt="" src="http://img200.imageshack.us/img200/9719/bouton32af0fe8.png"> </A><A class=postlink href="http://ayem-web.secret-story-2.net/" rel=nofollow target=_blank><IMG border=0 alt="" src="http://www.ohmypix.com/stock/fast/part_12afd91d.png"></A><DIV class=cont_code collapsed="true" curpos="0" maxpos="0" pageincrement="480" increment="10"><A class=postlink href="http://ayem-web.secret-story-2.net/" rel=nofollow target=_blank></A> </DIV><SPAN class=postbody><BR></SPAN></A></SPAN></DIV></marquee></span>
</td>
        </tr>
        </table> </table>
Pouss'

Pouss'
**

Messages : 50
Inscrit(e) le : 01/05/2009

http://angels-breaking-up.forumactif.com/
Pouss' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par gwenstefani Lun 1 Aoû 2011 - 23:25

Rien y fait, ça ne change rien ...
avatar

gwenstefani
Nouveau membre

Messages : 20
Inscrit(e) le : 04/10/2008

http://palais-dollz-city.actifforum.com
gwenstefani a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par Pouss' Lun 1 Aoû 2011 - 23:27

Effectivement, mais en appliquant le valign à toutes les cellules, moi j'y arrive, donc à mon avis vous ne l'aviez pas appliqué correctement la première fois Wink

Avec ceci, ça fonctionne chez moi :
Code:
<table style="border:1px solid #ffffff;">
    <tr><td valign="top" class="contenu" style="border: solid 1px #ffffff; color:#6B6E6C; font-size: 10pt;"><a href="http://imageshack.us/photo/my-images/232/nnnnnnnnnnnnnnnnnn.gif/" class="postlink" target="_blank" rel="nofollow"><img src="http://img232.imageshack.us/img232/3264/nnnnnnnnnnnnnnnnnn.gif" border="0" alt="" /></a><DIV><BR> <SPAN class=user-msg><SPAN class=user><SPAN><SPAN class=user-msg><SPAN class=user></SPAN></FONT></SPAN></FONT><SPAN><DIv>
<MARQUEE direction=up height=60 scrollAmount=1><div align=center><A onclick="return copy_user_name('Azurious');" href="http://zarkozelkoss5.forumactif.org/u12" target=_blank><SPAN style="COLOR: #08cc5d"><FONT size=3><STRONG>Azurious</STRONG></FONT></SPAN></A><FONT size=3><STRONG> :</STRONG> </FONT></SPAN><SPAN class=msg><SPAN style="COLOR: #ff0000"><FONT size=3><FONT color=black>Merci aux ZZEF de nous rester fidéle et de supporter nos jumeaux</FONT></FONT></SPAN></SPAN></div><div align=center><SPAN class=msg><SPAN style="COLOR: #ff0000"><A onclick="return copy_user_name('SaSa');" href="http://zarkozelkoss5.forumactif.org/u2" target=_blank><SPAN style="COLOR: #c23cbe"><FONT size=3><STRONG>SaSa</STRONG></FONT></SPAN></A><FONT size=3> : </FONT></SPAN><SPAN class=msg><SPAN style="COLOR: #333131"><FONT size=3>Big dédi à tout ceux qui viennent du topic ZZEF et les supportes depuis le debut </FONT></SPAN></SPAN></SPAN></div><div align=center><SPAN class=msg><SPAN class=msg><SPAN style="COLOR: #333131"><FONT size=3><SPAN class=user-msg><SPAN class=user><A onclick="return copy_user_name('blondie');" href="http://zarkozelkoss5.forumactif.org/u11" target=_blank><SPAN style="COLOR: #c23cbe"><STRONG>blondie</STRONG></SPAN></A><STRONG> : </STRONG></SPAN><SPAN class=msg><SPAN style="COLOR: #333131">les ZZ en force !</SPAN></SPAN></SPAN></FONT></SPAN></SPAN></SPAN></FONT></FONT></SPAN></SPAN></SPAN><BR></div></MARQUEE></DIV></SPAN><DIV align=center><BR></DIV></SPAN></FONT></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN> </td>
<td class="contenu" style="text-align:center; border: solid 1px #ffffff; color:#6B6E6C; font-size: 10pt;"><a href="http://imageshack.us/photo/my-images/688/infosh.gif/" class="postlink" target="_blank" rel="nofollow"><a href="http://imageshack.us/photo/my-images/29/dfffffdgfdgfdgdfgsetret.gif/" class="postlink" target="_blank" rel="nofollow"><img src="http://img29.imageshack.us/img29/4020/dfffffdgfdgfdgdfgsetret.gif" border="0" alt="" /></a>

<span style="font-size: 18px; line-height: normal"><div align="justify"><div>Bienvenue sur le forum officiel de soutien de Zarko & Zelko, les jumeaux de Secret Story 5.
Ce forum est un espace de discussion entre téléspectateurs de Secret Story et plus particulièrement entre fans de Zarko et Zelko. Nous organisons des jeux et échangeons sur des sujets ayant pour thème les jumeaux mais aussi les autres candidats et secret story en général (tu peux évidemment ne pas être d'accord avec nous et être pour un autre candidat du jeu, mais nous te demanderons d'être respectueux lorsque tu débattras avec les autres)
Avant de poster sur le forum, merci d'aller lire le règlement et également de vous présenter dans la partie qui convient.
C'est tout, pour le moment.</span></div> </td>
    <td valign="top" class="contenu" style="text-align:center; border: solid 1px #ffffff; color:#6B6E6C; font-size: 10pt;"><a href="http://imageshack.us/photo/my-images/31/dddddddddddddddddddddds.gif/" class="postlink" target="_blank" rel="nofollow"><img src="http://img31.imageshack.us/img31/6747/dddddddddddddddddddddds.gif" border="0" alt="" /></a>
</a><DIV><SPAN>
<A class=postlink href="http://marie-geoffrey.un concurrent.fr" rel=nofollow target=_blank><IMG border=0 alt="" src="http://img71.xooimage.com/files/5/c/2/081223010005195207-9d29cd-2accfa6.png"></A> <A class=postlink href="http://keepyoursecret.forumgratuit.org/" rel=nofollow target=_blank><IMG border=0 alt="" src="http://www.ohmypix.com/stock/fast/part_9cba3342.png"></A> <A class=postlink href="http://sabrina-perquis.un concurrent.fr" rel=nofollow target=_blank><IMG border=0 alt="" src="http://img69.xooimage.com/files/b/5/e/partenariat2-2b4f987.png"> <A class=postlink href="http://morgan-ss5.un concurrent.fr" rel=nofollow target=_blank><IMG border=0 alt="" src="http://img200.imageshack.us/img200/9719/bouton32af0fe8.png"> </A><A class=postlink href="http://ayem-web.secret-story-2.net/" rel=nofollow target=_blank><IMG border=0 alt="" src="http://www.ohmypix.com/stock/fast/part_12afd91d.png"></A><DIV class=cont_code collapsed="true" curpos="0" maxpos="0" pageincrement="480" increment="10"><A class=postlink href="http://ayem-web.secret-story-2.net/" rel=nofollow target=_blank></A> </DIV><SPAN class=postbody><BR></SPAN></A></SPAN></DIV></marquee></span>
</td>
        </tr>
        </table> </table>
Pouss'

Pouss'
**

Messages : 50
Inscrit(e) le : 01/05/2009

http://angels-breaking-up.forumactif.com/
Pouss' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par gwenstefani Lun 1 Aoû 2011 - 23:36

Merci beaucoup ça marche !
Une dernière chose, je voudrais un saut de ligne dans les deux colonnes les plus à droite entre l'image "titre" et le contenu de la cellule, pour s'aligner sur celle de gauche. J'ai essayé avec <div> et ça ne marche pas. Je suis une nouille en html, désolée.
avatar

gwenstefani
Nouveau membre

Messages : 20
Inscrit(e) le : 04/10/2008

http://palais-dollz-city.actifforum.com
gwenstefani a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par Pouss' Lun 1 Aoû 2011 - 23:50

Ajoute une petite balise </br> :

Code:
<table style="border:1px solid #ffffff;">
    <tr><td valign="top" class="contenu" style="border: solid 1px #ffffff; color:#6B6E6C; font-size: 10pt;"><a href="http://imageshack.us/photo/my-images/232/nnnnnnnnnnnnnnnnnn.gif/" class="postlink" target="_blank" rel="nofollow"><img src="http://img232.imageshack.us/img232/3264/nnnnnnnnnnnnnnnnnn.gif" border="0" alt="" /></a></br></br><DIV><BR> <SPAN class=user-msg><SPAN class=user><SPAN><SPAN class=user-msg><SPAN class=user></SPAN></FONT></SPAN></FONT><SPAN><DIv>
<MARQUEE direction=up height=60 scrollAmount=1><div align=center><A onclick="return copy_user_name('Azurious');" href="http://zarkozelkoss5.forumactif.org/u12" target=_blank><SPAN style="COLOR: #08cc5d"><FONT size=3><STRONG>Azurious</STRONG></FONT></SPAN></A><FONT size=3><STRONG> :</STRONG> </FONT></SPAN><SPAN class=msg><SPAN style="COLOR: #ff0000"><FONT size=3><FONT color=black>Merci aux ZZEF de nous rester fidéle et de supporter nos jumeaux</FONT></FONT></SPAN></SPAN></div><div align=center><SPAN class=msg><SPAN style="COLOR: #ff0000"><A onclick="return copy_user_name('SaSa');" href="http://zarkozelkoss5.forumactif.org/u2" target=_blank><SPAN style="COLOR: #c23cbe"><FONT size=3><STRONG>SaSa</STRONG></FONT></SPAN></A><FONT size=3> : </FONT></SPAN><SPAN class=msg><SPAN style="COLOR: #333131"><FONT size=3>Big dédi à tout ceux qui viennent du topic ZZEF et les supportes depuis le debut </FONT></SPAN></SPAN></SPAN></div><div align=center><SPAN class=msg><SPAN class=msg><SPAN style="COLOR: #333131"><FONT size=3><SPAN class=user-msg><SPAN class=user><A onclick="return copy_user_name('blondie');" href="http://zarkozelkoss5.forumactif.org/u11" target=_blank><SPAN style="COLOR: #c23cbe"><STRONG>blondie</STRONG></SPAN></A><STRONG> : </STRONG></SPAN><SPAN class=msg><SPAN style="COLOR: #333131">les ZZ en force !</SPAN></SPAN></SPAN></FONT></SPAN></SPAN></SPAN></FONT></FONT></SPAN></SPAN></SPAN><BR></div></MARQUEE></DIV></SPAN><DIV align=center><BR></DIV></SPAN></FONT></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN> </td>
<td class="contenu" style="text-align:center; border: solid 1px #ffffff; color:#6B6E6C; font-size: 10pt;"><a href="http://imageshack.us/photo/my-images/688/infosh.gif/" class="postlink" target="_blank" rel="nofollow"><a href="http://imageshack.us/photo/my-images/29/dfffffdgfdgfdgdfgsetret.gif/" class="postlink" target="_blank" rel="nofollow"><img src="http://img29.imageshack.us/img29/4020/dfffffdgfdgfdgdfgsetret.gif" border="0" alt="" /></a>
</br></br>
<span style="font-size: 18px; line-height: normal"><div align="justify"><div>Bienvenue sur le forum officiel de soutien de Zarko & Zelko, les jumeaux de Secret Story 5.
Ce forum est un espace de discussion entre téléspectateurs de Secret Story et plus particulièrement entre fans de Zarko et Zelko. Nous organisons des jeux et échangeons sur des sujets ayant pour thème les jumeaux mais aussi les autres candidats et secret story en général (tu peux évidemment ne pas être d'accord avec nous et être pour un autre candidat du jeu, mais nous te demanderons d'être respectueux lorsque tu débattras avec les autres)
Avant de poster sur le forum, merci d'aller lire le règlement et également de vous présenter dans la partie qui convient.
C'est tout, pour le moment.</span></div> </td>
    <td valign="top" class="contenu" style="text-align:center; border: solid 1px #ffffff; color:#6B6E6C; font-size: 10pt;"><a href="http://imageshack.us/photo/my-images/31/dddddddddddddddddddddds.gif/" class="postlink" target="_blank" rel="nofollow"><img src="http://img31.imageshack.us/img31/6747/dddddddddddddddddddddds.gif" border="0" alt="" /></a>
</a></br></br><DIV><SPAN>
<A class=postlink href="http://marie-geoffrey.un concurrent.fr" rel=nofollow target=_blank><IMG border=0 alt="" src="http://img71.xooimage.com/files/5/c/2/081223010005195207-9d29cd-2accfa6.png"></A> <A class=postlink href="http://keepyoursecret.forumgratuit.org/" rel=nofollow target=_blank><IMG border=0 alt="" src="http://www.ohmypix.com/stock/fast/part_9cba3342.png"></A> <A class=postlink href="http://sabrina-perquis.un concurrent.fr" rel=nofollow target=_blank><IMG border=0 alt="" src="http://img69.xooimage.com/files/b/5/e/partenariat2-2b4f987.png"> <A class=postlink href="http://morgan-ss5.un concurrent.fr" rel=nofollow target=_blank><IMG border=0 alt="" src="http://img200.imageshack.us/img200/9719/bouton32af0fe8.png"> </A><A class=postlink href="http://ayem-web.secret-story-2.net/" rel=nofollow target=_blank><IMG border=0 alt="" src="http://www.ohmypix.com/stock/fast/part_12afd91d.png"></A><DIV class=cont_code collapsed="true" curpos="0" maxpos="0" pageincrement="480" increment="10"><A class=postlink href="http://ayem-web.secret-story-2.net/" rel=nofollow target=_blank></A> </DIV><SPAN class=postbody><BR></SPAN></A></SPAN></DIV></marquee></span>
</td>
        </tr>
        </table> </table>
Pouss'

Pouss'
**

Messages : 50
Inscrit(e) le : 01/05/2009

http://angels-breaking-up.forumactif.com/
Pouss' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par gwenstefani Lun 1 Aoû 2011 - 23:54

Oh vraiment merci beaucoup Mr. Green
avatar

gwenstefani
Nouveau membre

Messages : 20
Inscrit(e) le : 04/10/2008

http://palais-dollz-city.actifforum.com
gwenstefani a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le code HTML pour mettre le texte en haut de la cellule de mon tableau au lieu qu'il soit centré.

Message par Pouss' Mar 2 Aoû 2011 - 0:05

De rien Wink
Pense à éditer ton premier message pour marquer que c'est résolu Very Happy
Pouss'

Pouss'
**

Messages : 50
Inscrit(e) le : 01/05/2009

http://angels-breaking-up.forumactif.com/
Pouss' a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum