Aligné 2 images?

[pierre du 31]

Bonjours, quel est le code pour aligner 2 images sur une page?

[Psyaliah]

Coucou,
Un petit tableau c'est sympa

Code:

[table][tr][td][img]lien de l'image 1[/img][/td][td][img]lien de l'image 2[/img][/td][/tr][/table]

Pour rajouter une image à côté, rajoute à la suite du dernier "[/td]":

Code:

[td][img]lien de l'image [/img][/td]

Si tu veux changer de ligne, pour les placer en dessous, à la fin de "[/tr]", place nouveau:

Code:

[tr][/tr]

et insère entre le code donné au dessus pour rajouter des images.

[pierre du 31]

Merci, mais ce n'es pas tout a fait ça que je cherche, plus d'informations : code sur image :

[Psyaliah]

Ça fonctionne très bien ce que j'ai mis plus haut pour qu'elles soient côte à côte.

[dragonfly ∇]

Bonjour
Justement, c'est bien ce que Psyaliah a noté seulement si tu mets dans la page d'acceuil ça doit être en html donc:

Code:

<table border="0"><tr><td><img src="IMAGE1"></td>
<td><img src="IMAGE2"></td></tr></table>

Ensuite si tu as besoin de mettre un peu d'espace entre tes deux images, comme c'est souvent nécessaire, je te suggères cela:

Code:

<table border="0"><tr><td style="margin-right: 10px;"><img src="IMAGE1"></td>
<td><img src="IMAGE2"></td></tr></table>

Voilà, j'espère que c'est ce que tu cherches

[pierre du 31]

enfet voici le code que je cerche a aligné, merci pour vos réponses utilise, voici le code que j'ai sur ma page d'accueil :

Code:

<figure>                     
      <img src="http://i45.servimg.com/u/f45/11/95/30/70/lju5510.jpg" alt="" />
      <figcaption>
          Ici les infos qui s'afficheront sous l'avatar<br />
          <a href="#profil">Profil</a>    <a href="#mp">MP</a>
      </figcaption>
    </figure>
  <figure>                     
      <img src="http://i45.servimg.com/u/f45/11/95/30/70/lju5510.jpg" alt="" />
      <figcaption>
          Ici les infos qui s'afficheront sous l'avatar<br />
          <a href="#profil">Profil</a>    <a href="#mp">MP</a>
      </figcaption>
    </figure>
</div>

[dragonfly ∇]

Voilà édité pour toi :

Code:

<figure>                     
      <table border="0"><tr><td style="margin-right: 10px;"><img src="http://i45.servimg.com/u/f45/11/95/30/70/lju5510.jpg" alt="" />
      <figcaption>
          Ici les infos qui s'afficheront sous l'avatar<br />
          <a href="#profil">Profil</a>    <a href="#mp">MP</a></td>
      </figcaption>
    </figure>
  <figure>                     
    <td> <img src="http://i45.servimg.com/u/f45/11/95/30/70/lju5510.jpg" alt="" />
      <figcaption>
          Ici les infos qui s'afficheront sous l'avatar<br />
          <a href="#profil">Profil</a>    <a href="#mp">MP</a></td></tr></table>
      </figcaption>
    </figure>
</div>

[pierre du 31]

merci, j'ai juste un petit problème par rapport au cadre! je pense que c'est par rapport au css :

Code:


/* BLOC LEGENDE */
figure{
background: #b2cae5;
margin: 5px;
border: 1px solid #2532b0;
width: 100px;
}
/* LÉGENDE */
figcaption{
background: #d3d7ff;
border: 1px solid #2532b0;
color:#2532b0;
width: 90px;
margin: 5px auto;
  }

[dragonfly ∇]

Ce n'était pas par rapport au css, en fait je ne savais pas que tu mettais pas un cadre comme je n'avais pas le css voilà réglé :

Code:

<table border="0"><tr><td><figure>                     
      <img src="http://i45.servimg.com/u/f45/11/95/30/70/lju5510.jpg" alt="" />
      <figcaption>
          Ici les infos qui s'afficheront sous l'avatar<br />
          <a href="#profil">Profil</a>    <a href="#mp">MP</a>
      </figcaption>
    </figure></td>
  <td><figure>                     
    <img src="http://i45.servimg.com/u/f45/11/95/30/70/lju5510.jpg" alt="" />
      <figcaption>
          Ici les infos qui s'afficheront sous l'avatar<br />
          <a href="#profil">Profil</a>    <a href="#mp">MP</a>
      </figcaption>
    </figure>
</div></td></tr></table>

[pierre du 31]

merci, celà fonctionne parfaitement.

[dragonfly ∇]

je t'en pris.