alignement

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

Résolu alignement

Message par carousse le Sam 22 Sep 2012 - 0:07

Bonjour,


Je souhaiterai mettre le 2e cadre a droite du cadre. Je ne sais pas comment faire et ou quoi changer dans le code.

Voici le code
Code:
<center><table><tr><td><div style="padding: 2px; border: #FFFFFF 3px solid;border-radius: 10px; background-colo:none);">
[b]Nom :[/b] Texte Ici
[b]Prénom :[/b] Texte Ici
[b]Sa fiche :[/b] Texte Ici
[b]Lui écrire un MP :[/b] Texte Ici
[b]Lui écrire un e-mail :[/b] Texte Ici

</div></td><td><img style="margin: 20px; border: 3px solid #FFFFFF;border-radius: 10px" src="http://nimga.fr/f/rEnlj.png"></td></tr></table></center>

<center><table><tr><td><img style="margin: 20px; border: 3px solid #FFFFFF;border-radius: 10px" src="http://nimga.fr/f/rEnlj.png"><center><table><tr><td><div style="padding: 2px; border: #FFFFFF 3px solid;border-radius: 10px; background-colo:none);">
[b]Nom :[/b] Texte Ici
[b]Prénom :[/b] Texte Ici
[b]Sa fiche :[/b] Texte Ici
[b]Lui écrire un MP :[/b] Texte Ici
[b]Lui écrire un e-mail :[/b] Texte Ici

</div></td>
<center><table><tr><td><div style="padding: 2px; border: #FFFFFF 3px solid;border-radius: 10px; background-colo:none);">
[b]Nom :[/b] Texte Ici
[b]Prénom :[/b] Texte Ici
[b]Sa fiche :[/b] Texte Ici
[b]Lui écrire un MP :[/b] Texte Ici
[b]Lui écrire un e-mail :[/b] Texte Ici

</div></td><td><img style="margin: 20px; border: 3px solid #FFFFFF;border-radius: 10px" src="http://nimga.fr/f/rEnlj.png"></td></tr></table></center>

Merci d'avance


Dernière édition par carousse le Ven 28 Sep 2012 - 20:59, édité 1 fois

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: alignement

Message par Automne le Sam 22 Sep 2012 - 20:42

Bonjour,

Vous pouvez faire un shéma de se que vous voulez. Il y a autre chose qui va avec se code, du css ou du javascript?

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: alignement

Message par carousse le Dim 23 Sep 2012 - 1:01

Avec le texte meme non je veux l'inserer apres dans un tableau.

Je souhaite déplacer le tableau à coté de l'image comme ici




carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: alignement

Message par carousse le Jeu 27 Sep 2012 - 22:18

up

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: alignement

Message par tupac le Ven 28 Sep 2012 - 0:14

Bonsoir

Le mieux c'est de tout placer dans un seul tableau, comme ceci.

Spoiler:
Code:
<center>
<table>
<!-- première ligne -->
  <tr align="center">
      <td>

  <div style="padding: 2px; border: #FFFFFF 3px solid;border-radius: 10px; background-colo:none);">
        <strong>Nom :</strong> Texte Ici
        <strong>Prénom :</strong> Texte Ici
        <strong>Sa fiche :</strong> Texte Ici
        <strong>Lui écrire un MP :</strong> Texte Ici
        <strong>Lui écrire un e-mail :</strong> Texte Ici
 </div>

  </td>
  <td>

<img style="margin: 20px; border: 3px solid #FFFFFF; border-radius: 10px" src="http://nimga.fr/f/rEnlj.png">

  </td>
</tr>

<!-- deuxième ligne -->
<tr align="center">
  <td>

<img style="margin: 20px; border: 3px solid #FFFFFF;border-radius: 10px" src="http://nimga.fr/f/rEnlj.png">

  </td>
  <td>

 <div style="padding: 2px; border: #FFFFFF 3px solid;border-radius: 10px; background-colo:none);">
        <strong>Nom :</strong> Texte Ici
        <strong>Prénom :</strong> Texte Ici
        <strong>Sa fiche :</strong> Texte Ici
        <strong>Lui écrire un MP :</strong> Texte Ici
        <strong>Lui écrire un e-mail :</strong> Texte Ici
 </div>

  </td>
</tr>

<!-- troisième ligne -->
<tr align="center">
  <td>

 <div style="padding: 2px; border: #FFFFFF 3px solid;border-radius: 10px; background-colo:none);">
        <strong>Nom :</strong> Texte Ici
        <strong>Prénom :</strong> Texte Ici
        <strong>Sa fiche :</strong> Texte Ici
        <strong>Lui écrire un MP :</strong> Texte Ici
        <strong>Lui écrire un e-mail :</strong> Texte Ici
 </div>

  </td>
  <td>

<img style="margin: 20px; border: 3px solid #FFFFFF;border-radius: 10px" src="http://nimga.fr/f/rEnlj.png">

    </td>
  </tr>
</table>
</center>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: alignement

Message par carousse le Ven 28 Sep 2012 - 20:57

Yes ca marche merci bien

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse 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