Colonnes en HTML

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

Résolu Colonnes en HTML

Message par Invité le Mar 24 Jan 2012 - 17:46

Bonjour,

Je voudrais mettre deux colonnes dans ma fiche de présentation à un endroit spécifique et je ne sais pas comment faire dans mon code voici la page : http://aragna-exumei.harrypotter.fm/t129-forumforumactifcom#337
Je voudrais qu'entre épouvantard et baguette, ce soit partagé pour la seconde colone (en face de la première)
(ex : http://i44.servimg.com/u/f44/17/14/13/30/fiche10.gif )

Voici le code :
Code:
<div class="fiche2" style="background-image: url('http://i41.servimg.com/u/f41/16/21/77/52/wood10.jpg');">
[center]<div style= "letter-spacing: -4px;font-style: italic; color: #73763c; letter-spacing: -2px; text-shadow: 1px 1px 2px black; font-family:Time New Roman;font-size:30px;margin-bottom:-6px;">Prénom Prénom Nom</div>[/center]
<table style="margin-top: -140px;"><tr>
[center]<img class="sign" src="http://images.ados.fr/cinema/photo/1425303142/gifs-films/mangemorts-attaquent-poudlard-28670391e4.gif" style="width: 400px;background-color:#120e0c; width: 400px; border: 1px solid #120e0c;">
[/center]
</div>
[center]<div><input type="checkbox" name="libre" value="on"="checked">[color=firebrick][b]Gryffondor[/b][/color] <input type="checkbox" name="reserve" value="on"="statue du personnage">[color=dodgerblue][b]Serdaigle[/b][/color] <input type="checkbox" name="libre" value="on"="statue du personnage">[color=limegreen][b]Serpentard[/b][/color]<input type="checkbox" name="libre" value="on"="statue du personnage">[color=gold][b]Poufsouffle[/b][/color]<br><input type="checkbox" name="libre" value="on"="statue du personnage">[color=deeppink][b]Sorciers[/b][/color]<input type="checkbox" name="libre" value="on"="statue du personnage">[color=darkmagenta][b]Poudlard[/b][/color]<input type="checkbox" name="libre" value="on"="statue du personnage">[color=lightsalmon][b]Ministère[/b][/color]<input type="checkbox" name="libre" value="on"="statue du personnage">[color=darkturquoise][b]Créature[/b][/color]<input type="checkbox" name="libre" value="on"="statue du personnage">[color=black][b]Mangemort[/b][/color]</input>
</div>[/center]

<div style="border-bottom: 2px solid #3f0900; border-radius: 10px 10px 10px 10px; border-top: 2px solid #3f0900; box-shadow: 0 0 5px #000000; display: block; margin: auto; padding: 10px; text-align: justify; width: 420px; height: 125px; background-color: #800000; overflow: auto;">
[u]Prénom :[/u]
[u]Nom :[/u]
[u]Patronus :[/u]
[u]Epouvantard :[/u]
[u]Baguette :[/u]
[u]Sang :[/u]
[u]Date de naissance & Âge :[/u]
[u]Métier :[/u]
</div>

[center]<div style= "letter-spacing: -4px;font-style: italic; color: #73763c; letter-spacing: -2px; text-shadow: 1px 1px 2px black; font-family:Time New Roman;font-size:30px;margin-bottom:-6px;">Test RP</div>[/center]
<div style="border-bottom: 2px solid #3f0900; border-radius: 10px 10px 10px 10px; border-top: 2px solid #3f0900; box-shadow: 0 0 5px #000000; display: block; margin: auto; padding: 10px; text-align: justify; letter-spacing:0pt; width: 420px; height: 250px; background-color: #800000; overflow: auto;"><div style="font-weight:normal;letter-spacing:0pt;word-spacing:2pt;font-size:12px;text-align:justify;font-family:verdana, sans-serif;line-height:10px;">
C'est ici que vous écrirez votre test RP. Un administrateur vous donnera un sujet de RP sur lequel vous rédigerez un court texte d'une quinzaine de lignes minimum.
</div></div>

[center]<div style= "letter-spacing: -4px;font-style: italic; color: #73763c; letter-spacing: -2px; text-shadow: 1px 1px 2px black; font-family:Time New Roman;font-size:30px;margin-bottom:-6px;">C'est quoi ton histoire ?</div>[/center]
<div style="border-bottom: 2px solid #3f0900; border-radius: 10px 10px 10px 10px; border-top: 2px solid #3f0900; box-shadow: 0 0 5px #000000; display: block; margin: auto; padding: 10px; text-align: justify; width: 420px; height: 250px; background-color: #800000; overflow: auto;"><div style="font-weight:normal;letter-spacing:0pt;word-spacing:2pt;font-size:12px;text-align:justify;font-family:verdana, sans-serif;line-height:10px;">
Racontez nous l'histoire de votre personnage de sa plus tendre enfance jusqu'à aujourd'hui. Vous pouvez le rédiger comme vous le souhaitez. Court résumé, article de journal, journal intime, peu importe vous rédigerez un court texte d'une quinzaine de lignes minimum.
</div></div>

[center]<div style= "letter-spacing: -4px;font-style: italic; color: #73763c; letter-spacing: -2px; text-shadow: 1px 1px 2px black; font-family:Time New Roman;font-size:30px;margin-bottom:-6px;">Comment es tu ?</div>[/center]
<div style="border-bottom: 2px solid #3f0900; border-radius: 10px 10px 10px 10px; border-top: 2px solid #3f0900; box-shadow: 0 0 5px #000000; display: block; margin: auto; padding: 10px; text-align: justify; width: 420px; height: 200px; background-color: #800000; overflow: auto;"><div style="font-weight:normal;letter-spacing:0pt;word-spacing:2pt;font-size:12px;text-align:justify;font-family:verdana, sans-serif;line-height:10px;">
En deux paragraphes d'un minimum 5 lignes chacun, vous rédigerez une petite présentation physique et  caractérielle de votre personnage.
</div></div>

[center]<div style= "letter-spacing: -4px;font-style: italic; color: #73763c; letter-spacing: -2px; text-shadow: 1px 1px 2px black; font-family:Time New Roman;font-size:30px;margin-bottom:-6px;">Toi, derrière l'écran...</div>[/center]
<div style="border-bottom: 2px solid #3f0900; border-radius: 10px 10px 10px 10px; border-top: 2px solid #3f0900; box-shadow: 0 0 5px #000000; display: block; margin: auto; padding: 10px; text-align: justify; width: 420px; height: 125px; background-color: #800000; overflow: auto;">
[u]Prénom :[/u]
[u]Âge :[/u]
[u]Lieu d'habitation :[/u]
[u]Niveau :[/u]
[u]Depuis combien de temps tu RP :[/u]</div>

[center]<div style= "letter-spacing: -4px;font-style: italic; color: #73763c; letter-spacing: -2px; text-shadow: 1px 1px 2px black; font-family:Time New Roman;font-size:30px;margin-bottom:-6px;">Toi, derrière l'écran...</div>
CODE ICI[/center]

[size=9][right]© 2012 - Tiffany A. Miller[/right][/size]

</div>


Invité
Invité


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

Résolu Re: Colonnes en HTML

Message par Invité le Mar 24 Jan 2012 - 19:19

Finalement j'ai procédé autrement, j'ai fait un texte avec les données importantes en couleurs.

Invité
Invité


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