Sujets similaires

Bonjour, bonsoir !

J'ai un léger soucis avec le modèle de poste vacant sur le forum que j'administre. Le code est de nous je précise, cependant je n'arrive pas bloquer les deux collones, même en faisant des tableaux séparés...bon ça c'est foireux comme rendu.

Bref voici le code.

Code:: [center]<blockquote>
nom
prénom </blockquote><div style="margin-left: 30px; font-size: 12px;"><label for="libre" class="inline">Libre</label> <input type="radio" name="statut" value="libre" id="libre" checked="checked" /> <label for="réservé" class="inline">Réservé</label> <input type="radio" name="statut" value="réservé" id="réservé" /> <label for="pris" class="inline">Pris</label> <input type="radio" name="statut" value="pris" id="pris" />
</div>[/center]

<table border="0" width="100%"><tr><td><center><div style="border: 4px solid #404040; padding: 10px; width: 80px; height: 80px;-moz-border-radius: 100px; background-image: url(ICONE 100*100);"></div>
feat célébrité</center></td><td>[justify]<li>Age et date de naissance ♦ écrire ici
Métier / Maison ♦ écrire ici
Faction ♦ écrire ici
État civil ♦ écrire ici
</li>[/justify] </td></tr>
<tr><td width="50%"><div style="border:2px solid #7E8AA8; text-align: center; background-color:#404040;">« Biographie & Caractère »</div>
[left]Biographie : écrire ici
Caractère : écrire ici[/left]</td>
<td><div style="border: 2px solid #7E8AA8; text-align: center; background-color:#404040;">« Relations »</div>
[left]Nom & Prénom : écrire ici
Nom & Prénom : écrire ici</size>[/left]</td></tr></table>

Voici l'aperçut de ce que ça donne quand il n'y a rien donc quand c'est nickel

Spoiler:

Mais voilà le problème quand on met du texte d'un côté ou de l'autre ou des deux.

Spoiler:

Voilà donc est-ce que vous auriez une solution pour bloquer les deux colonnes en haut ? Histoire que les deux zones de titres restent l'une à côté de l'autre ?? J'avoue que je sèche complètement.

En vous remerciant =D

Bonsoir ^^

Personnellement, je te conseillerais de mettre tes titres dans tes cellules distinctes à celles de tes textes ^^ & d'y ajouter une hauteur fixe =D

Essai ceci :

Code:: [center]<blockquote>
nom
prénom </blockquote><div style="margin-left: 30px; font-size: 12px;"><label for="libre" class="inline">Libre</label> <input type="radio" name="statut" value="libre" id="libre" checked="checked" /> <label for="réservé" class="inline">Réservé</label> <input type="radio" name="statut" value="réservé" id="réservé" /> <label for="pris" class="inline">Pris</label> <input type="radio" name="statut" value="pris" id="pris" />
</div>[/center]

<table border="0" width="100%"><tr><td><center><div style="border: 4px solid #404040; padding: 10px; width: 80px; height: 80px;-moz-border-radius: 100px; background-image: url(ICONE 100*100);"></div>
feat célébrité</center></td><td>[justify]<li>Age et date de naissance ? écrire ici
Métier / Maison ? écrire ici
Faction ? écrire ici
État civil ? écrire ici
</li>[/justify] </td></tr>
<tr><td width="50%" valign="top"><div style="border:2px solid #7E8AA8; text-align: center; background-color:#404040;">« Biographie & Caractère »</div>
[left]Biographie : écrire ici
Caractère : écrire ici[/left]
</td><td valign="top"><div style="border: 2px solid #7E8AA8; text-align: center; background-color:#404040;">« Relations »</div>
[left]Nom & Prénom : écrire ici
Nom & Prénom : écrire ici</size>[/left]</td></tr></table>

ça fonctionne parfaitement B•øw merci ^^

Il est vrai que je n'avais pas penser au top pour l'alignement vertical...

Merci pour tes conseils aussi Ketsia ^^

J'ai une autre question, comme vous avez put le voir, dans mon modèle en message un, avant l'âge il y a un point, résultat du li j'imagine. Mais comment l'enlever ?? C'est fort peut esthétique. Et oui je peux mettre la balise html, le liste passe sans problème, mais ce n'est pas possible autrement ?