Image Tableau : retour a la Ligne

[Satsu Black]

Bonjour! j'ai un petit probleme : J'ai un tableau en page D'acceuil et dans l'une des cases j'ai placer deux images

Spoiler:

J'aimerai faire passer l'image bleu en dessout de l'image verte pour que le tableau ne soit plus déformé
mais j'ai beau mettre des <div> ou des <p> sa ne veut pas retourner a la ligne et donc se positionner en dessout
voila le code des 2 images, y aurait-il un probleme? je suis débutante en Css.

Code:

<tr>
  <td class="row3" colspan="1" rowspan="1" align="center" valign="top">
      <span class="postbody">
      <table>
        <tr>
        <td><div>

          <div class="thumbnail">


<center>
            <img src="http://img4.hostingpics.net/pics/496867couronneNCopie.png">
            </center>
            <span>
              <div class="tstaff" align="center">
                  <a href="http://become-a-master.forumdefan.com/u1">✖ Profil ✖</a>

                  <img src="http://img4.hostingpics.net/pics/496867couronneNCopie.png">

                  <a href="http://become-a-master.forumdefan.com/privmsg?folder=inbox">✖ MP Le! ✖</a>
</td>
</div>

<td><div>
        <div class="thumbnail">
 

            <img src="http://img4.hostingpics.net/pics/170811344763Copie2.jpg">
         
            <span>
              <div class="tstaff" align="center">
                  <a href="http://become-a-master.forumdefan.com/u1">✖ Profil ✖</a>

                  <img src="http://img4.hostingpics.net/pics/170811344763Copie2.jpg">

                  <a href="http://become-a-master.forumdefan.com/privmsg?folder=inbox">✖ MP Le! ✖</a>

              </div>
            </span>
          </div>
        </td>
        </tr>
      </table>
      </span>
  </td>


[Invité]

Bonjour,

Vous avez mis vos images dans un tableau à une ligne avec 2 cellules( <td> ... </td> ), c'est pour cela qu'elles sont côte à côte. Pour les mettre l'une en dessous de l'autre, il faut ajouter une ligne ( <tr>...</tr> ).

Code:

<tr>
  <td class="row3" colspan="1" rowspan="1" align="center" valign="top">
      <span class="postbody">
      <table>
        <tr>
        <td><div>

          <div class="thumbnail">


<center>
            <img src="http://img4.hostingpics.net/pics/496867couronneNCopie.png">
            </center>
            <span>
              <div class="tstaff" align="center">
                  <a href="http://become-a-master.forumdefan.com/u1">? Profil ?</a>

                  <img src="http://img4.hostingpics.net/pics/496867couronneNCopie.png">

                  <a href="http://become-a-master.forumdefan.com/privmsg?folder=inbox">? MP Le! ?</a>

</td></div></td></tr>

<tr><td><div>
        <div class="thumbnail">
 

            <img src="http://img4.hostingpics.net/pics/170811344763Copie2.jpg">
       
            <span>
              <div class="tstaff" align="center">
                  <a href="http://become-a-master.forumdefan.com/u1">? Profil ?</a>

                  <img src="http://img4.hostingpics.net/pics/170811344763Copie2.jpg">

                  <a href="http://become-a-master.forumdefan.com/privmsg?folder=inbox">? MP Le! ?</a>

              </div>
            </span>
          </div>
        </td>
        </tr>
      </table>
      </span>
  </td>

Cordialement.

[Satsu Black]

merci! sa marche super et c'est beaucoup plus jolie comme sa!