Image Tableau : retour a la Ligne

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

Résolu Image Tableau : retour a la Ligne

Message par Satsu Black le Mer 6 Avr 2011 - 15:24

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>


Dernière édition par Satsu Black le Mer 6 Avr 2011 - 15:43, édité 1 fois

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Tableau : retour a la Ligne

Message par Invité le Mer 6 Avr 2011 - 15:30

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Tableau : retour a la Ligne

Message par Satsu Black le Mer 6 Avr 2011 - 15:43

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

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

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


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