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

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

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

Message par Dragibus67 le Mer 4 Juil 2012 - 13:33

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.


Dernière édition par Dragibus67 le Jeu 5 Juil 2012 - 13:23, édité 1 fois

Dragibus67
**

Féminin
Messages : 65
Inscrit(e) le : 02/07/2010

http://loupsauvage.forumactif.com
Dragibus67 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de RP, titre du sujet et heure non alignés

Message par Anzu le Mer 4 Juil 2012 - 15:47


Bonjour,

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

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de RP, titre du sujet et heure non alignés

Message par Dragibus67 le Jeu 5 Juil 2012 - 10:37

Merci pour votre réponse Smile . 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.

Dragibus67
**

Féminin
Messages : 65
Inscrit(e) le : 02/07/2010

http://loupsauvage.forumactif.com
Dragibus67 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de RP, titre du sujet et heure non alignés

Message par Anzu le Jeu 5 Juil 2012 - 12:33

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 Smile

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche de RP, titre du sujet et heure non alignés

Message par Dragibus67 le Jeu 5 Juil 2012 - 13:24

Merci beaucoup pour votre aide Very Happy ! Ca marche maintenant ^^

Je vous souhaite une bonne journée et merci encore Flowers2

Dragibus67
**

Féminin
Messages : 65
Inscrit(e) le : 02/07/2010

http://loupsauvage.forumactif.com
Dragibus67 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