Alignement de deux tableaux sur une ligne?

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

Résolu Alignement de deux tableaux sur une ligne?

Message par lilnod22 le Sam 14 Mai 2011 - 20:31

Alors voici mon problème. J'aimerais bien aligné deux de mes tableau sur une seul ligne, toutefois j'ignore le code exact pour le faire.
Voici un visuel de ce que j'aimerais avoir;
Spoiler:

Merci de votre réponse.

lilnod22
Nouveau membre

Messages : 8
Inscrit(e) le : 22/01/2011

http://origin-gods.allianceogame.com/
lilnod22 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Alignement de deux tableaux sur une ligne?

Message par ge80 le Sam 14 Mai 2011 - 20:55

Bonjour


Avez-vous déjà un code existant car les réponses en dépendent ?

Cordialement,
ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Alignement de deux tableaux sur une ligne?

Message par lilnod22 le Sam 14 Mai 2011 - 20:57

Voici le code du tableau:

<table><div style="background: #C8AE9D; width: 216px; height: 30px; -moz-border-radius-topright: 100px; -moz-border-radius-topleft: 100px;"><div style="margin: auto; text-align: center; width: 100%;border-bottom:5px double #EDE6E0;"><span style="font-size: 18px; line-height: normal;color:#669966;font-family:Georgia;"> ♦ Prénom & Nom ♦</span></div></div><span style="border: 8px solid #C8AE9D; -moz-border-radius: 0px 0px 0px 0px; width: 200px; height: 100px; display: block;"><img src="http://i26.servimg.com/u/f26/16/46/76/99/no_vav11.jpg"></span><div style="border-top:6px double #EDE6E0; width: 216px; height: 160px;background-color: #C8AE9D;overflow: auto;"><div style=" padding:5px; font-family: Georgia;color:#669966;text-align:justify;font-size:12px;line-height:11px;"><span style="font-size:14px; text-shadow: 1px 1px 1px gray;color:white;padding-left:35px;">« Relation ?? »</span><br> texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.</div></div></div>

lilnod22
Nouveau membre

Messages : 8
Inscrit(e) le : 22/01/2011

http://origin-gods.allianceogame.com/
lilnod22 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Alignement de deux tableaux sur une ligne?

Message par ge80 le Sam 14 Mai 2011 - 21:00

un truc du genre ?

Code:
<table><tr><td><div style="background: #C8AE9D; width: 216px; height: 30px; -moz-border-radius-topright: 100px; -moz-border-radius-topleft: 100px;"><div style="margin: auto; text-align: center; width: 100%;border-bottom:5px double #EDE6E0;"><span style="font-size: 18px; line-height: normal;color:#669966;font-family:Georgia;"> ♦ Prénom & Nom ♦</span></div></div><span style="border: 8px solid #C8AE9D; -moz-border-radius: 0px 0px 0px 0px; width: 200px; height: 100px; display: block;"><img src="http://i26.servimg.com/u/f26/16/46/76/99/no_vav11.jpg"></span><div style="border-top:6px double #EDE6E0; width: 216px; height: 160px;background-color: #C8AE9D;overflow: auto;"><div style=" padding:5px; font-family: Georgia;color:#669966;text-align:justify;font-size:12px;line-height:11px;"><span style="font-size:14px; text-shadow: 1px 1px 1px gray;color:white;padding-left:35px;">« Relation ?? »</span><br> texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.</div></div></div></td><td><div style="background: #C8AE9D; width: 216px; height: 30px; -moz-border-radius-topright: 100px; -moz-border-radius-topleft: 100px;"><div style="margin: auto; text-align: center; width: 100%;border-bottom:5px double #EDE6E0;"><span style="font-size: 18px; line-height: normal;color:#669966;font-family:Georgia;"> ♦ Prénom & Nom ♦</span></div></div><span style="border: 8px solid #C8AE9D; -moz-border-radius: 0px 0px 0px 0px; width: 200px; height: 100px; display: block;"><img src="http://i26.servimg.com/u/f26/16/46/76/99/no_vav11.jpg"></span><div style="border-top:6px double #EDE6E0; width: 216px; height: 160px;background-color: #C8AE9D;overflow: auto;"><div style=" padding:5px; font-family: Georgia;color:#669966;text-align:justify;font-size:12px;line-height:11px;"><span style="font-size:14px; text-shadow: 1px 1px 1px gray;color:white;padding-left:35px;">« Relation ?? »</span><br> texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.</div></div></div></td></tr></table>

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Alignement de deux tableaux sur une ligne?

Message par lilnod22 le Sam 14 Mai 2011 - 21:12

Ouep mais beaucoup plus distancer svp.
Que ce soit bien centrer dans la page et que les deux tableaux prenne l'espace de la ligne.

lilnod22
Nouveau membre

Messages : 8
Inscrit(e) le : 22/01/2011

http://origin-gods.allianceogame.com/
lilnod22 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Alignement de deux tableaux sur une ligne?

Message par ge80 le Sam 14 Mai 2011 - 21:20

La structure du tableau
Code:
<table align="center">
  <tr>
          <td> cellule 1</td>
          <td width="100px"> pour l"espace inter-cellule </td>
          <td> cellule 2 </td>
  </tr>
 </table>

Code:

<table align="center"><tr><td><div style="background: #C8AE9D; width: 216px; height: 30px; -moz-border-radius-topright: 100px; -moz-border-radius-topleft: 100px;"><div style="margin: auto; text-align: center; width: 100%;border-bottom:5px double #EDE6E0;"><span style="font-size: 18px; line-height: normal;color:#669966;font-family:Georgia;"> ♦ Prénom & Nom ♦</span></div></div><span style="border: 8px solid #C8AE9D; -moz-border-radius: 0px 0px 0px 0px; width: 200px; height: 100px; display: block;"><img src="http://i26.servimg.com/u/f26/16/46/76/99/no_vav11.jpg"></span><div style="border-top:6px double #EDE6E0; width: 216px; height: 160px;background-color: #C8AE9D;overflow: auto;"><div style=" padding:5px; font-family: Georgia;color:#669966;text-align:justify;font-size:12px;line-height:11px;"><span style="font-size:14px; text-shadow: 1px 1px 1px gray;color:white;padding-left:35px;">« Relation ?? »</span><br> texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.</div></div></div></td><td width="100px"></td><td><div style="background: #C8AE9D; width: 216px; height: 30px; -moz-border-radius-topright: 100px; -moz-border-radius-topleft: 100px;"><div style="margin: auto; text-align: center; width: 100%;border-bottom:5px double #EDE6E0;"><span style="font-size: 18px; line-height: normal;color:#669966;font-family:Georgia;"> ♦ Prénom & Nom ♦</span></div></div><span style="border: 8px solid #C8AE9D; -moz-border-radius: 0px 0px 0px 0px; width: 200px; height: 100px; display: block;"><img src="http://i26.servimg.com/u/f26/16/46/76/99/no_vav11.jpg"></span><div style="border-top:6px double #EDE6E0; width: 216px; height: 160px;background-color: #C8AE9D;overflow: auto;"><div style=" padding:5px; font-family: Georgia;color:#669966;text-align:justify;font-size:12px;line-height:11px;"><span style="font-size:14px; text-shadow: 1px 1px 1px gray;color:white;padding-left:35px;">« Relation ?? »</span><br> texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.</div></div></div></td></tr></table>

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Alignement de deux tableaux sur une ligne?

Message par lilnod22 le Sam 14 Mai 2011 - 23:13

Ouep! c'est parfait! Smile
Merci énormément.

lilnod22
Nouveau membre

Messages : 8
Inscrit(e) le : 22/01/2011

http://origin-gods.allianceogame.com/
lilnod22 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