Fiche de RP, titre du sujet et heure non alignés

[Dragibus67]

Bonjour, j'ai un petit problème avec la fiche de RP que j'ai fais. Ce n'est pas grand chose, mais j'aimerais savoir s'il n'y aurait pas une solution. Enfaite, le titre du sujet et l'heure à laquelle il a été posté n'est pas alignés, comme vous pouvez le voir sur la capture d'écran suivante :



Par la même occasion, en bas du topic, le nombre de page et les permissions et tout ça ne se prolonge pas dans la case " Auteur " ( Là où il y a l'avatar ) mais seulement dans la case du message. Je ne comprend pas trop pourquoi ça fait ça et comment y remédier. Sauriez-vous comment faire ?

Merci d'avance de vos réponses, bonne journée.

[Anzu]

Bonjour,

Le problème semble venir du codage de votre modèle de présentation.
Pourrais-je avoir les codes ? (+ css associé)

Cordialement.

[Dragibus67]

Merci pour votre réponse . Ce code n'est que du HTML. Je n'ai pas utilisé de CSS ( Je précise que je ne suis pas très douée en codage xD )

Code:

<div style="margin-top:-50px;" align="center"><table><tr><td><table border="0" width="100%" align="center"><tbody><tr><td align="center" width="50%"><div style="height:305px; text-align: justify; padding: 8px; background-color: #BED4E8; border: 6px solid #044782; border-radius: 80px 30px 30px 30px; width: 300px; overflow: auto;color:black;"><br><div style=" margin: auto; width: 100%;text-align:justify;">
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 60px; ">Nom du loup</div><link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
<br><br><div style="text-align:left; font-family: 'Marck Script', cursive; font-size: 23px; ">♦ Caractère du loup</div>
</div></div><br> </td>

<td align="left" width="50%"><div style="height:305px; text-align: justify; padding: 8px; background-color: #BED4E8; border: 6px solid #044782; border-radius: 30px 30px 30px 30px; width: 250px; overflow: auto;color:black;"><br><div style=" margin: auto; width: 100%;text-align:justify;"><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 50px; ">Autre(s)</div><br><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 50px; ">loup(s)</div>

<link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
<div style="text-align:left; font-family: 'Marck Script', cursive; font-size: 20px; ">[url=Lien]♦ Loup 1[/url]<br><br>[url=Lien]♦ Loup 2[/url]<br><br>[url=Lien]♦ Loup 3[/url]<br><br>[url=Lien]♦ Loup 4[/url]<br><br>[url=Lien]♦Loup 5[/url]</div>
<br>
</div>
</div></div><br></td></tr></tbody></table></td></tr>

<tr><td><table border="0" width="100%" align="center"><tbody><tr><center><div style="height:320px; text-align: justify; padding: 2px; background-color: #BED4E8; border: 6px solid #044782; border-radius: 30px 30px 30px 30px; width: 400px; overflow: auto;color:black;"><div style=" margin: auto; width: 100%;text-align:justify;padding-left:8px;">
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 32px; ">RP recherché</div><br><font style="font-size: 13px; line-height: normal;color:black;">
♦ Recherche 1
♦ Recherche 2
♦ Recherche 3
<br>
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 32px; ">RP en cours</div>
[size=13]♦ [url=Lien][color=#044782]Titre du RP[/color][/url] avec ... ;
♦ [url=Lien][color=#044782]Titre du RP[/color][/url] avec ... ;
♦ [url=Lien][color=#044782]Titre du RP[/color][/url] avec ... ;[/size]
<br>
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 32px; ">RP terminés</div>
[size=13]♦ [url=Lien][color=#044782]Titre du RP[/color][/url]
♦ [url=Lien][color=#044782]Titre du RP[/color][/url]
♦ [url=Lien][color=#044782]Titre du RP[/color][/url][/size]
 </font></div></center><br> </td></tr></tbody></table></td></tr></div>

Et je viens de me rendre compte que certains membres ont la fiche en dessous de leur signature xD . Il y a la barre de la signature, la fiche, puis l'image si elle est en spoiler. Si elle n'est pas en spoiler, il y a la barre, l'image puis la fiche.

[Anzu]

Bonjour,

Remplacez votre code par celui ci:

Code:

<div style="margin-top:-50px;" align="center"><table><tr><td><table border="0" width="100%" align="center"><tbody><tr><td align="center" width="50%"><div style="height:305px; text-align: justify; padding: 8px; background-color: #BED4E8; border: 6px solid #044782; border-radius: 80px 30px 30px 30px; width: 300px; overflow: auto;color:black;"><br><div style=" margin: auto; width: 100%;text-align:justify;">
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 60px; ">Nom du loup</div><link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
        <br><br><div style="text-align:left; font-family: 'Marck Script', cursive; font-size: 23px; ">♦ Caractère du loup</div>
        </div></div><br> </td>
       
        <td align="left" width="50%"><div style="height:305px; text-align: justify; padding: 8px; background-color: #BED4E8; border: 6px solid #044782; border-radius: 30px 30px 30px 30px; width: 250px; overflow: auto;color:black;"><br><div style=" margin: auto; width: 100%;text-align:justify;"><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 50px; ">Autre(s)</div><br><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 50px; ">loup(s)</div>
       
        <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
        <div style="text-align:left; font-family: 'Marck Script', cursive; font-size: 20px; ">[url=Lien]♦ Loup 1[/url]<br><br>[url=Lien]♦ Loup 2[/url]<br><br>[url=Lien]♦ Loup 3[/url]<br><br>[url=Lien]♦ Loup 4[/url]<br><br>[url=Lien]♦Loup 5[/url]</div>
        <br>
        </div>
        </div></div><br></td></tr></tbody></table></td></tr>
       
        <tr><td><table border="0" width="100%" align="center"><tbody><tr><center><div style="height:320px; text-align: justify; padding: 2px; background-color: #BED4E8; border: 6px solid #044782; border-radius: 30px 30px 30px 30px; width: 400px; overflow: auto;color:black;"><div style=" margin: auto; width: 100%;text-align:justify;padding-left:8px;">
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 32px; ">RP recherché</div><br><font style="font-size: 13px; line-height: normal;color:black;">
        ♦ Recherche 1
        ♦ Recherche 2
        ♦ Recherche 3
        <br>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 32px; ">RP en cours</div>
        [size=13]♦ [url=Lien][color=#044782]Titre du RP[/color][/url] avec ... ;
        ♦ [url=Lien][color=#044782]Titre du RP[/color][/url] avec ... ;
        ♦ [url=Lien][color=#044782]Titre du RP[/color][/url] avec ... ;[/size]
        <br>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <div style="text-align:center; font-family: 'Great Vibes', cursive; font-size: 32px; ">RP terminés</div>
        [size=13]♦ [url=Lien][color=#044782]Titre du RP[/color][/url]
        ♦ [url=Lien][color=#044782]Titre du RP[/color][/url]
        ♦ [url=Lien][color=#044782]Titre du RP[/color][/url][/size]
        </font></div></center><br> </td></tr></tbody></table></td></tr></table></div>

Il manquait un table

Cordialement.

[Dragibus67]

Merci beaucoup pour votre aide ! Ca marche maintenant ^^

Je vous souhaite une bonne journée et merci encore