Alignement de deux tableaux sur une ligne?

2 participants

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 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.
avatar

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 Sam 14 Mai 2011 - 20:55

Bonjour


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

Cordialement,
Alignement de deux tableaux sur une ligne? 6ds2878 ge
ge80

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

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

Message par lilnod22 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="https://i.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>
avatar

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 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

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

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

Message par lilnod22 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.
avatar

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 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

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

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

Message par lilnod22 Sam 14 Mai 2011 - 23:13

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

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

- Sujets similaires

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