Erreur de balise dans un code HTML - Déplacement de la zone profil

[pizinette]

Détails techniques

Version du forum : phpBB2
Poste occupé : Membre
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 16 mars 2018 - suite à élaboration d'un message codé en html
Lien du forum : http://worldofpizi.forumactif.com/t58-journal-aly-2

Description du problème

Bonjour à tous,

Je me demande si je n'ai pas une erreur de balise dans mon code :

Code:

<div style="background-color: #E4E4E4; width: 530px; margin: auto; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: 'Verdana'; font-size: 11px;"><img src="https://media.giphy.com/media/3ohzdSMI3A7geo8N9e/giphy.gif" style="width: 100%; heigh: 280px;"/><div style="background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%;"><div style="text-align: center; margin-top: 10px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px;">Qui suis-je ?</span></div></div><div style="margin: -3px 0 0 10px; color: #82C46C; font-size: 10px; font-family: arial narrow;">Statut : Disponible pour RP</div><div style="text-align: right; margin: -18px 10px 0 0; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Aliénor de Wenden</div>
   <div style="background-color: #8C8C8C; margin: auto; padding: 1px; width: 245px; height: 40px;"><div style="background-color: #E6E6E6; width: 245px; height: 20px; border-top: 1px solid #FEFEFE;"></div><div style="background-color: #B1B1B1; border-bottom: 2px solid #9B9B9B; width: 245px; height: 18px;"></div></div>
   <div style="background-color: #EFF5FF; margin: -70px auto 0 auto; width: 230px; height: 22px; border: 1px solid #384B69; padding: 2px; color: #483047; font-size: 15px; font-family: calibri; font-variant: small-caps;"><marquee scrollamount="3">23 ans • Dame de Wenden • Régente du Comté d'Arétria • Célibataire</marquee>
</div>

<div style="font-family: georgia; margin: 0 0 -18px 325px; font-size: 24px; color: #B0C3AB;">Donc je suis</div><div style="font-family: georgia; margin: 0 0 -22px 90px; font-size: 24px; color: #B0C3AB;">Je pense</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><table><td width=50%><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div></div>
<div style="background-color: #ffffff; width: 184px; height: 300px; margin-left : 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- caractère -</span> Rebelle et ardente, elle est relativement impétueuse. Pleine d’ardeurs, de courage, de projets, d'idées, elle a tendance à vouloir changer le monde et bouleverser les traditions. Vive et rapide, autant de geste que d'esprit, elle a hérité du tempérament vindicatif des hommes de la famille. Elle se montre également franche et son amour pour la chasse a développé chez elle son instinct qu'elle ne s'empêche pas d'écouter parfois, à tort.
</div></td><td><br/><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div></div><div style="background-color: #ffffff; height: 300px; margin: 18px 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- histoire -</span> Aliénor a toujours été un soutient de poids pour son frère. Oreille attentive et conseil avisé, la politique ne l'a jamais intéressée. Aliénor est depuis sa plus tendre enfance un électron libre et continue à l'être durant l'âge adulte. Perdre ses terres à la mort de son père et à la disparition de frère l'a incité àprendre des décisions extrêmement difficiles et à savoir se remettre profondément en question. Son courage et sa persévérance n'ont fait qu'attirer à elle la sympathie du peuple de Wenden qui l'a vue naître. Avec son frère Comte d'Arétria et chancelier, c'est sur ses épaules que désormais pèse la gestion de la seigneurie, berceau de leur famille.
<br/></div><br/></td>
</table></div>
<center><img src="https://i38.servimg.com/u/f38/19/09/53/71/wenden13.png" style="width: 150px; height: 150px;"/></center>

<div style="margin: 0 0 -5px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">La Famille Wenden</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
<table><tr><td width=25%><center><img src="https://zupimages.net/up/18/07/wrd6.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Roderik de Wenden</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Bien aimé frère aîné, ils sont tous deux comme les deux doigts de la main. Il respecte son besoin de liberté, elle tâche de ne pas trop le mettre dans l'embarras. Confident et ami, Roderik est son plus précieux conseil et même si son tempérament de feu n'est pas facile à dompter, elle l'écoute toujours lorsqu'il la conseille. Le perdre fut une déchirure, le retrouver fut son plus grand bonheur.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/F6kM6M4.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Karl de Wenden</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Fils de Roderik et dernier né de la famille Wenden, il fut le grand réconfort et plus grande préoccupation d'Aliénor après la mort de ses parents. Elevé par des nourrices, elle s'enquiert très fréquemment de sa santé et n'hésite pas à lui consacrer tout le temps qu'elle a de disponible pour passer du temps avec ce jeune être, placé sous sa protection. Elle le considère comme son propre fils.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/GNJZjKS.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Leudaste le Jeune</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Cousin des Wenden, Leudaste est un vieil homme malin et emprunt à une soif de pouvoir inégalée. Au point d'aller jusqu'à épouser sa jeune nièce à la mort de son frère pour prendre la seigneurie de Sorosd, ce qui ne plut à personne en Arétria et encore moins aux Wenden. Faillit être désigné régent du Comté de peu, c'est finalement Aliénor qui l'obtient. Il lui en tient toujours une rancune tenace.
</div></td></tr></table>
<br/>
<center><img src="https://i38.servimg.com/u/f38/19/09/53/71/wenden13.png" style="width: 150px; height: 150px;"/></center>

<div style="margin: 0 0 -5px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">On se connait, non ?</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
<table><tr><td width=25%><center><img src="https://zupimages.net/up/18/07/xrx6.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Cécilie de Missède</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Rencontrée alors qu'elle était encore dame de Laval, la jeune aveugle a beaucoup évolué depuis mais pas forcément de manière heureuse. Les tragédies qu'elle a vécu ont beaucoup noirci sa personnalité mais elles ont su maintenir leur belle amitié malgré la distance. Aliénor a hâte d'avoir l'occasion de pouvoir aller revoir son amie en Missède maintenant Comtesse.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Walther de Hohenburg</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Son soutien lorsqu'elle apprit la mort de son frère et après lorsqu'il lui fallut défendre Arétria-la-ville assiégée, fut assez fort pour qu'il devienne son ami le plus proche. C'est en toute confiance qu'elle le nomma Premier Conseiller d'Arétria et lui laissa la garde du Comté durant la campagne. Il fait presque partie de la famille à ses yeux.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/p5kmBow.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Arnoul de Stern</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Plus puissant vassal d'Arétria avec Wenden, Arnoul de Stern est un vieux bouc qui a bien vécu. Toutefois, même s'il a déjà un pied dans la tombe, le bougre donne bien du fil à retordre à Aliénor en exerçant sur elle toute la pression qu'il lui est possible d'exercer pour qu'elle accepte d'épouser son petit-fils et ainsi assurer la pérennité de sa lignée. C'était sans compter sur le caractère indomptable de la belle...
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/8UNbPR5.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Arnaud de Stern</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Fils de son vassal Arnoul de Stern, elle n'eut pas le temps de vivre le deuil de son frère qu'on érigeait déjà l'homme comme son futur époux. Le mariage ou la guerre civile, voici le choix qui s'était alors offert à elle alors que la levée du ban était sur le point d'être prononcé. C'est avec sagesse qu'elle accepta à contre-cœur le mariage. Elle fit tous les efforts possible pour maintenir une bonne entente entre ... pour rompre ses fiançailles à Velteroc après qu'il ait eu le malheur de poser la main sur elle.
</div>
</td></tr><tr><td width=25%><center><img src="https://www.zupimages.net/up/18/07/xal1.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Louis de Saint-Aimé</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Régent du Marquisat de Sainte-Berthilde, il lui prodigua de sages conseils au début de sa régence. Leur rapprochement à l'occasion d'un bal dont il avait fait d'Aliénor son invitée d'honneur, fut à l'origine de la naissance de sentiments de la jeune femme qui se déclara plus tard à Velteroc. Premier amour d'une jeune dame, il fut également sa première déception en lui brisant le coeur sans la moindre pitié ni le moindre ménagement.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/EWzRE7o.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Sourcil d'Airain</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Vassal nain du Comté d'Arétria, elle lui rendit visite en Külm après avoir pris ses fonctions de régente afin qu'il prête allégeance à son neveu Karl. Si le vieux nain se montra relativement pervers en bavant presque sur elle, il fut néanmoins un hôte des plus instructifs et lui fournit outre une jolie visite de la cité naine, un appui considérable avec les armes de la forge de Külm, inégalables, en vue de la campagne qui allait se mener.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/jT9YwIe.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Manel</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Ancien ménestrel de la Cour de Blanche d'Ancenis ayant fuit dans le nord pour échapper à la guerre après avoir découvert la traitrise et la cruauté dont sa maîtresse pouvait faire preuve en tuant son mari Nimmio et en abandonnant son peuple pour partir en exil, laissant Manel derrière elle. Arétria est pour lui une seconde maison et si pour le moment l'un et l'autre s'apprivoisent, Aliénor qui n'est point une femme méchante, espère tout de même qu'il se sentira finalement bien parmi eux pour lui permettre de retrouver goût à la vie.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/zA9jzRi.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Eléonore de Saint-Aimé</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Bien aimée soeur de son suzerain, elles se sont rencontrées le lendemain du bal de Sainte-Berthilde. Eléonore lui fit le tour du château de Cantharel et lui montra les coins les plus jolis où elle adorait passer son temps, ce qui fut propice également à quelques confidences, liant les deux jeunes femmes d'une amitié sincère et désintéressée.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/qNsjxtF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Renaud d'Erac</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Rencontré à l'occasion de la campagne dans le Médian. Ils ont eu l'occasion de faire équipe ensemble à la bataille de Velteroc. Dans une même volonté de rapprocher leurs peuples et de permettre une bonne entente entre le duché d'Erac et Arétria, ils décidèrent de devenir des alliés et de laisser le temps faire peut être d'eux des amis. Bienveillant et amical, Aliénor apprécie beaucoup que Renaud face tout ce qu'il peut pour qu'elle se sente bien et intégrée malgré les réticences de voir une femme à la tête d'une armée. Son soutien compte beaucoup pour elle.
</div>
</td></tr><tr><td width=25%><center><img src="https://zupimages.net/up/18/07/heqi.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Thibaud de Kelbourg</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Seigneur vassal de Sainte-Berthilde haut en couleurs, Aliénor le connaissait de réputation. Toutefois le rencontrer fut autre chose. S'il ne lui fit aucune remarque et ignora même jusqu'à sa présence au Conseil de Guerre de Christabel, leur rencontre n'en fut que plus cinglante ensuite. Lorsqu'un misogyne notoire et une féministe revendiquée se rencontrent...
</div>
</td></tr><tr><td width=25%><center><img src="https://www.zupimages.net/up/18/07/h81a.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Aymeric de Brochant</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Sénéchal du royaume, il fut d'un grand soutien pour Aliénor alors en proie au syndrome du coeur brisé. Il lui permit de s'éloigner quelques temps de la campagne où l'homme qu'elle aime et la Veuve noire s'affichaient désormais publiquement sans aucune gêne. Fort heureusement pour elle, il accepta bien volontiers sa présence, ce qui leur permit d'apprendre à mieux se connaître entre voisins et à initier un semblant d'entente entre deux voisins aux relations bien tumultueuses par le passé.
</div></td></tr></table></div>
</div>

La zone de profil saute et passe en bas. Je préparer mon journal de bord pour un forum où je joue. Si le bug est présent sur le forum test, j'ai peur que le problème se reproduise une fois posté sur le bon forum.

Je précise que de base mon forum test était en ModernBB je l'ai passé en PhBB2 pour mieux coder du coup. Il est donc vierge de tout CSS et template.

Merci beaucoup pour votre aide.

[Faline]

Bonjour,

J'avoue ne pas avoir étudié le code en détail, mais je l'ai copié dans un fichier texte du bloc-notes de Windows (après l'avoir passé dans un compresseur de code, pour que l'éditeur du forum ne crache pas trop de couples <tbody></tbody>, mais cela ne devrait rien changer de fondamental), puis enregistré au format html et... il semble qu'effectivement il doit y avoir une petite erreur, qui semble se trouver assez au début du code. Le grand titre se trouve par-dessus le texte défilant :



donc aux alentours de

Code:

<marquee scrollamount="3">23 ans • Dame de Wenden • Régente du Comté d'Arétria • Célibataire</marquee>

en tout cas avant les premières armoiries.

Quand je mets le code sur mon fofo test dans le message d'accueil, qui corrige automatiquement les erreurs de balises, l'erreur persiste, idem sur une page html, à voir provisoirement sur mon fofo test à l'adresse

(Merci de ne pas faire fermer le sujet avant que j'ai eu l'occasion d'éditer ce message pour effacer le lien vers mon fofo test.)

[pizinette]

Bonjour,

Merci beaucoup pour ta réponse. J’avais vérifié si une div n’avait pas été oubliée mais je n’en ai pas vu. Qu’est-ce qui pourrait causer ce problème exactement?

[Faline]

Je suis trop fatiguée pour me concentrer... Il me faudrait une imprimante pour pouvoir encercler/colorier... les balises paire par paire. Donc si quelqu'un est plus rapide que moi, n'hésitez surtout pas !

comme c'est un forum test, au pire vous restaurez le fofo à une date où l'ava était correctement en place et vous vous faites un deuxième exemplaire de ce post (après 161 éditions il le mérite bien ) pour en garder toujours un en bon état comme sauvegarde...

J'ai commencé à vider des parties "saines" pour limiter le code à vérifier. Il reste

Code:

<div style="background-color: #E4E4E4; width: 530px; margin: auto; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: 'Verdana'; font-size: 11px;"><img src="https://media.giphy.com/media/3ohzdSMI3A7geo8N9e/giphy.gif" style="width: 100%; heigh: 280px;"/><div style="background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%;"><div style="text-align: center; margin-top: 10px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px;">Qui suis-je ?</span></div></div><div style="margin: -3px 0 0 10px; color: #82C46C; font-size: 10px; font-family: arial narrow;">Statut : Disponible pour RP</div><div style="text-align: right; margin: -18px 10px 0 0; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Aliénor de Wenden</div> <div style="background-color: #8C8C8C; margin: auto; padding: 1px; width: 245px; height: 40px;"><div style="background-color: #E6E6E6; width: 245px; height: 20px; border-top: 1px solid #FEFEFE;"></div><div style="background-color: #B1B1B1; border-bottom: 2px solid #9B9B9B; width: 245px; height: 18px;"></div></div> <div style="background-color: #EFF5FF; margin: -70px auto 0 auto; width: 230px; height: 22px; border: 1px solid #384B69; padding: 2px; color: #483047; font-size: 15px; font-family: calibri; font-variant: small-caps;"><marquee scrollamount="3">23 ans • Dame de Wenden • Régente du Comté d'Arétria • Célibataire</marquee></div><div style="font-family: georgia; margin: 0 0 -18px 325px; font-size: 24px; color: #B0C3AB;">Donc je suis</div><div style="font-family: georgia; margin: 0 0 -22px 90px; font-size: 24px; color: #B0C3AB;">Je pense</div><div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><table><td width=50%><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div></div><div style="background-color: #ffffff; width: 184px; height: 300px; margin-left : 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- caractère -</span> Rebelle et ardente, elle est relativement impétueus à tort. </div></td><td><br/><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div></div><div style="background-color: #ffffff; height: 300px; margin: 18px 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- histoire -</span> Aliénor a toujours été  de leur famille. <br/></div><br/></td></table></div> <center><img src="https://i38.servimg.com/u/f38/19/09/53/71/wenden13.png" style="width: 150px; height: 150px;"/></center><div style="margin: 0 0 -5px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">On se connait, non ?</div><div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div><table><tr><td width=25%><center><img src="https://zupimages.net/up/18/07/xrx6.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;"> Aymeric de Brochant</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Sénéchal du royaume, par le passé.</div></td></tr></table></div></div>

A partir de là, j'ai tout-à-coup eu le lien vers le panneau d'administration et les liens de bas de de page du forum au plein milieu du tableau   .
Avec une feuille de styles séparée on verrait mieux la structure de la page.
Il est temps d'aller me reposer...

[Scoubifitz]

Bonsoir,

Après une première vue , il s'agit d'un mauvais copié-collé d'une partie du code , partie qui se répète dans le code .

La partie es celle qui met en place le trait de séparation avec les 2 div ... il y a une fermeture de trop .

Code:

<div style="background-color: #8C8C8C; margin: auto; padding: 1px; width: 245px; height: 40px;"><div style="background-color: #E6E6E6; width: 245px; height: 20px; border-top: 1px solid #FEFEFE;"></div><div style="background-color: #B1B1B1; border-bottom: 2px solid #9B9B9B; width: 245px; height: 18px;"></div></div>

Cette erreur se répète à chaque "trait" codé ...

[Faline]

Merci Scoubifitz.

Il me semble que, globalement, on a
55

Code:

</div>

contre 54

Code:

<div

Est-ce que cela ne signifie pas que la fermeture n'est pas de trop, mais que le bloc est systématiquement collé au mauvais endroit, juste avant un </div> plutôt que après ?

Mais à chaque fois que j'y touche, je prends les liens de bas de page à la figure   :

[Scoubifitz]

Donc , si j'ai bien regardé , il faut enlever 2 div de fermeture et en rajouter une ...

pouvez vous vérifier mes dires ? Ceci est le code de départ , avec les 3 modifications :

Code:

<div style="background-color: #E4E4E4; width: 530px; margin: auto; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: 'Verdana'; font-size: 11px;"><img src="https://media.giphy.com/media/3ohzdSMI3A7geo8N9e/giphy.gif" style="width: 100%; heigh: 280px;"/><div style="background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%;"><div style="text-align: center; margin-top: 10px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px;">Qui suis-je ?</span></div></div><div style="margin: -3px 0 0 10px; color: #82C46C; font-size: 10px; font-family: arial narrow;">Statut : Disponible pour RP</div><div style="text-align: right; margin: -18px 10px 0 0; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Aliénor de Wenden</div>
  <div style="background-color: #8C8C8C; margin: auto; padding: 1px; width: 245px; height: 40px;"><div style="background-color: #E6E6E6; width: 245px; height: 20px; border-top: 1px solid #FEFEFE;"></div><div style="background-color: #B1B1B1; border-bottom: 2px solid #9B9B9B; width: 245px; height: 18px;"></div></div>
  <div style="background-color: #EFF5FF; margin: -70px auto 0 auto; width: 230px; height: 22px; border: 1px solid #384B69; padding: 2px; color: #483047; font-size: 15px; font-family: calibri; font-variant: small-caps;"><marquee scrollamount="3">23 ans • Dame de Wenden • Régente du Comté d'Arétria • Célibataire</marquee>
</div>

<div style="font-family: georgia; margin: 0 0 -18px 325px; font-size: 24px; color: #B0C3AB;">Donc je suis</div><div style="font-family: georgia; margin: 0 0 -22px 90px; font-size: 24px; color: #B0C3AB;">Je pense</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><table><td width=50%><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div>
<div style="background-color: #ffffff; width: 184px; height: 300px; margin-left : 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- caractère -</span> Rebelle et ardente, elle est relativement impétueuse. Pleine d’ardeurs, de courage, de projets, d'idées, elle a tendance à vouloir changer le monde et bouleverser les traditions. Vive et rapide, autant de geste que d'esprit, elle a hérité du tempérament vindicatif des hommes de la famille. Elle se montre également franche et son amour pour la chasse a développé chez elle son instinct qu'elle ne s'empêche pas d'écouter parfois, à tort.
</div></td><td><br/><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div><div style="background-color: #ffffff; height: 300px; margin: 18px 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- histoire -</span> Aliénor a toujours été un soutient de poids pour son frère. Oreille attentive et conseil avisé, la politique ne l'a jamais intéressée. Aliénor est depuis sa plus tendre enfance un électron libre et continue à l'être durant l'âge adulte. Perdre ses terres à la mort de son père et à la disparition de frère l'a incité àprendre des décisions extrêmement difficiles et à savoir se remettre profondément en question. Son courage et sa persévérance n'ont fait qu'attirer à elle la sympathie du peuple de Wenden qui l'a vue naître. Avec son frère Comte d'Arétria et chancelier, c'est sur ses épaules que désormais pèse la gestion de la seigneurie, berceau de leur famille.
<br/></div><br/></td>
</table></div>
<center><img src="https://i38.servimg.com/u/f38/19/09/53/71/wenden13.png" style="width: 150px; height: 150px;"/></center>

<div style="margin: 0 0 -5px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">La Famille Wenden</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
<table><tr><td width=25%><center><img src="https://zupimages.net/up/18/07/wrd6.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Roderik de Wenden</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Bien aimé frère aîné, ils sont tous deux comme les deux doigts de la main. Il respecte son besoin de liberté, elle tâche de ne pas trop le mettre dans l'embarras. Confident et ami, Roderik est son plus précieux conseil et même si son tempérament de feu n'est pas facile à dompter, elle l'écoute toujours lorsqu'il la conseille. Le perdre fut une déchirure, le retrouver fut son plus grand bonheur.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/F6kM6M4.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Karl de Wenden</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Fils de Roderik et dernier né de la famille Wenden, il fut le grand réconfort et plus grande préoccupation d'Aliénor après la mort de ses parents. Elevé par des nourrices, elle s'enquiert très fréquemment de sa santé et n'hésite pas à lui consacrer tout le temps qu'elle a de disponible pour passer du temps avec ce jeune être, placé sous sa protection. Elle le considère comme son propre fils.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/GNJZjKS.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Leudaste le Jeune</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Cousin des Wenden, Leudaste est un vieil homme malin et emprunt à une soif de pouvoir inégalée. Au point d'aller jusqu'à épouser sa jeune nièce à la mort de son frère pour prendre la seigneurie de Sorosd, ce qui ne plut à personne en Arétria et encore moins aux Wenden. Faillit être désigné régent du Comté de peu, c'est finalement Aliénor qui l'obtient. Il lui en tient toujours une rancune tenace.
</div></td></tr></table>
<br/>
<center><img src="https://i38.servimg.com/u/f38/19/09/53/71/wenden13.png" style="width: 150px; height: 150px;"/></center>

<div style="margin: 0 0 -5px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">On se connait, non ?</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
<table><tr><td width=25%><center><img src="https://zupimages.net/up/18/07/xrx6.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Cécilie de Missède</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Rencontrée alors qu'elle était encore dame de Laval, la jeune aveugle a beaucoup évolué depuis mais pas forcément de manière heureuse. Les tragédies qu'elle a vécu ont beaucoup noirci sa personnalité mais elles ont su maintenir leur belle amitié malgré la distance. Aliénor a hâte d'avoir l'occasion de pouvoir aller revoir son amie en Missède maintenant Comtesse.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Walther de Hohenburg</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Son soutien lorsqu'elle apprit la mort de son frère et après lorsqu'il lui fallut défendre Arétria-la-ville assiégée, fut assez fort pour qu'il devienne son ami le plus proche. C'est en toute confiance qu'elle le nomma Premier Conseiller d'Arétria et lui laissa la garde du Comté durant la campagne. Il fait presque partie de la famille à ses yeux.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/p5kmBow.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Arnoul de Stern</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Plus puissant vassal d'Arétria avec Wenden, Arnoul de Stern est un vieux bouc qui a bien vécu. Toutefois, même s'il a déjà un pied dans la tombe, le bougre donne bien du fil à retordre à Aliénor en exerçant sur elle toute la pression qu'il lui est possible d'exercer pour qu'elle accepte d'épouser son petit-fils et ainsi assurer la pérennité de sa lignée. C'était sans compter sur le caractère indomptable de la belle...
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/8UNbPR5.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Arnaud de Stern</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Fils de son vassal Arnoul de Stern, elle n'eut pas le temps de vivre le deuil de son frère qu'on érigeait déjà l'homme comme son futur époux. Le mariage ou la guerre civile, voici le choix qui s'était alors offert à elle alors que la levée du ban était sur le point d'être prononcé. C'est avec sagesse qu'elle accepta à contre-cœur le mariage. Elle fit tous les efforts possible pour maintenir une bonne entente entre ... pour rompre ses fiançailles à Velteroc après qu'il ait eu le malheur de poser la main sur elle.
</div>
</td></tr><tr><td width=25%><center><img src="https://www.zupimages.net/up/18/07/xal1.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Louis de Saint-Aimé</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Régent du Marquisat de Sainte-Berthilde, il lui prodigua de sages conseils au début de sa régence. Leur rapprochement à l'occasion d'un bal dont il avait fait d'Aliénor son invitée d'honneur, fut à l'origine de la naissance de sentiments de la jeune femme qui se déclara plus tard à Velteroc. Premier amour d'une jeune dame, il fut également sa première déception en lui brisant le coeur sans la moindre pitié ni le moindre ménagement.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/EWzRE7o.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Sourcil d'Airain</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Vassal nain du Comté d'Arétria, elle lui rendit visite en Külm après avoir pris ses fonctions de régente afin qu'il prête allégeance à son neveu Karl. Si le vieux nain se montra relativement pervers en bavant presque sur elle, il fut néanmoins un hôte des plus instructifs et lui fournit outre une jolie visite de la cité naine, un appui considérable avec les armes de la forge de Külm, inégalables, en vue de la campagne qui allait se mener.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/jT9YwIe.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Manel</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Ancien ménestrel de la Cour de Blanche d'Ancenis ayant fuit dans le nord pour échapper à la guerre après avoir découvert la traitrise et la cruauté dont sa maîtresse pouvait faire preuve en tuant son mari Nimmio et en abandonnant son peuple pour partir en exil, laissant Manel derrière elle. Arétria est pour lui une seconde maison et si pour le moment l'un et l'autre s'apprivoisent, Aliénor qui n'est point une femme méchante, espère tout de même qu'il se sentira finalement bien parmi eux pour lui permettre de retrouver goût à la vie.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/zA9jzRi.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Eléonore de Saint-Aimé</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Bien aimée soeur de son suzerain, elles se sont rencontrées le lendemain du bal de Sainte-Berthilde. Eléonore lui fit le tour du château de Cantharel et lui montra les coins les plus jolis où elle adorait passer son temps, ce qui fut propice également à quelques confidences, liant les deux jeunes femmes d'une amitié sincère et désintéressée.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/qNsjxtF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Renaud d'Erac</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Rencontré à l'occasion de la campagne dans le Médian. Ils ont eu l'occasion de faire équipe ensemble à la bataille de Velteroc. Dans une même volonté de rapprocher leurs peuples et de permettre une bonne entente entre le duché d'Erac et Arétria, ils décidèrent de devenir des alliés et de laisser le temps faire peut être d'eux des amis. Bienveillant et amical, Aliénor apprécie beaucoup que Renaud face tout ce qu'il peut pour qu'elle se sente bien et intégrée malgré les réticences de voir une femme à la tête d'une armée. Son soutien compte beaucoup pour elle.
</div>
</td></tr><tr><td width=25%><center><img src="https://zupimages.net/up/18/07/heqi.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Thibaud de Kelbourg</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Seigneur vassal de Sainte-Berthilde haut en couleurs, Aliénor le connaissait de réputation. Toutefois le rencontrer fut autre chose. S'il ne lui fit aucune remarque et ignora même jusqu'à sa présence au Conseil de Guerre de Christabel, leur rencontre n'en fut que plus cinglante ensuite. Lorsqu'un misogyne notoire et une féministe revendiquée se rencontrent...
</div>
</td></tr><tr><td width=25%><center><img src="https://www.zupimages.net/up/18/07/h81a.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Aymeric de Brochant</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Sénéchal du royaume, il fut d'un grand soutien pour Aliénor alors en proie au syndrome du coeur brisé. Il lui permit de s'éloigner quelques temps de la campagne où l'homme qu'elle aime et la Veuve noire s'affichaient désormais publiquement sans aucune gêne. Fort heureusement pour elle, il accepta bien volontiers sa présence, ce qui leur permit d'apprendre à mieux se connaître entre voisins et à initier un semblant d'entente entre deux voisins aux relations bien tumultueuses par le passé.
</div></td></tr></table></div>
</div></div>

[Faline]

Merci Scoubifitz !

Pas encore à 100 % :

-Edit-

Mon impression est qu'on a plusieurs

Code:

<div>...<div>...</div></div>

à la place de

Code:

<div>...</div><div>...</div>

[Scoubifitz]

Euh... il me semble qu'elle a placé le code dans un message (topic) , pas dans une page HTML .

Edit : http://direct-test.unforumgratuit.com/t17-intervention-saccage#49

[Faline]

Il est parfait !!

Je croyais que s'il tenait la route sans accrochage dans une page html, il serait aussi viable dans un post .

[Scoubifitz]

Le problème avec un code HTML dans un message , ce sont les retours à la ligne ... il y a des tentatives de compensations de placement des certaines div avec des marges négatives ...

cette partie , par exemple , place "donc je suis" avant "je pense" ...

Code:

<div style="font-family: georgia; margin: 0 0 -18px 325px; font-size: 24px; color: #B0C3AB;">Donc je suis</div><div style="font-family: georgia; margin: 0 0 -22px 90px; font-size: 24px; color: #B0C3AB;">Je pense</div>

plus on met de div une après l'autre , plus on multiplie les erreurs potentielles ...

exemple , pour faire le trait de séparation en 2 couleurs , on peut predre une seule div , et utiliser les bordures pour colorer :

Code:

<div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div>
<div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div>

deviendrait :

Code:

<div style="border-top: #8D838D solid 1px; border-bottom: #B0C3AB solid 2px; margin: 0 30px 0 18px;"></div>

On peut encore rendre plus propre ... comme on utilise un tableau pour placer le texte , on peut tout mettre dans le tableau et utiliser les bordures des cellules pour surligner :

Code:

<div style="font-family: georgia; margin: 0 0 -18px 325px; font-size: 24px; color: #B0C3AB;">Donc je suis</div><div style="font-family: georgia; margin: 0 0 -22px 90px; font-size: 24px; color: #B0C3AB;">Je pense</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><table><td width=50%><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div>
<div style="background-color: #ffffff; width: 184px; height: 300px; margin-left : 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- caractère -</span> Rebelle et ardente, elle est relativement impétueuse. Pleine d’ardeurs, de courage, de projets, d'idées, elle a tendance à vouloir changer le monde et bouleverser les traditions. Vive et rapide, autant de geste que d'esprit, elle a hérité du tempérament vindicatif des hommes de la famille. Elle se montre également franche et son amour pour la chasse a développé chez elle son instinct qu'elle ne s'empêche pas d'écouter parfois, à tort.
</div></td><td><br/><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div><div style="background-color: #ffffff; height: 300px; margin: 18px 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- histoire -</span> Aliénor a toujours été un soutient de poids pour son frère. Oreille attentive et conseil avisé, la politique ne l'a jamais intéressée. Aliénor est depuis sa plus tendre enfance un électron libre et continue à l'être durant l'âge adulte. Perdre ses terres à la mort de son père et à la disparition de frère l'a incité àprendre des décisions extrêmement difficiles et à savoir se remettre profondément en question. Son courage et sa persévérance n'ont fait qu'attirer à elle la sympathie du peuple de Wenden qui l'a vue naître. Avec son frère Comte d'Arétria et chancelier, c'est sur ses épaules que désormais pèse la gestion de la seigneurie, berceau de leur famille.
<br/></div><br/></td>
</table></div>

deviendrait :

Code:

<div style="background-color: #DFDFDF; margin: 0 10px; padding-bottom: 20px; border-radius: 30px 0px;">
<table style="text-align:center; border-spacing: 35px 0px;"><tr style="font:24px georgia; color: #B0C3AB;"><td style="width:50%;border-bottom: #8D838D solid 1px;">Je pense</td><td style="width:50%;border-bottom: #8D838D solid 1px;">Donc je suis</td></tr><tr><td style="border-top: #B0C3AB solid 2px;"><div style="background-color: #ffffff; height: 300px; margin: 18px 0 0px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- caractère -</span> Rebelle et ardente, elle est relativement impétueuse. Pleine d’ardeurs, de courage, de projets, d'idées, elle a tendance à vouloir changer le monde et bouleverser les traditions. Vive et rapide, autant de geste que d'esprit, elle a hérité du tempérament vindicatif des hommes de la famille. Elle se montre également franche et son amour pour la chasse a développé chez elle son instinct qu'elle ne s'empêche pas d'écouter parfois, à tort.
</div></td><td style="border-top: #B0C3AB solid 2px;"><div style="background-color: #ffffff; height: 300px; margin: 18px 0 0px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- histoire -</span> Aliénor a toujours été un soutient de poids pour son frère. Oreille attentive et conseil avisé, la politique ne l'a jamais intéressée. Aliénor est depuis sa plus tendre enfance un électron libre et continue à l'être durant l'âge adulte. Perdre ses terres à la mort de son père et à la disparition de frère l'a incité àprendre des décisions extrêmement difficiles et à savoir se remettre profondément en question. Son courage et sa persévérance n'ont fait qu'attirer à elle la sympathie du peuple de Wenden qui l'a vue naître. Avec son frère Comte d'Arétria et chancelier, c'est sur ses épaules que désormais pèse la gestion de la seigneurie, berceau de leur famille.
</div></td></tr></table></div>

le résultat reste le même visuellement : http://direct-test.unforumgratuit.com/t17-intervention-saccage#49

[Faline]

Merci Scoubifitz !

Effectivement cela ne manquait pas de marges négatives, il y en avait même une de ‒70px .

C'est finalement la balise manquante qui a entraîné l'avatar avec elle .

Je n'ai jamais posté en html, mais maintenant je comprends pourquoi le message a été édité 161 fois en 17 jours    .

[pizinette]

Oui c’est parce que j’adaptais la mis en page du code et comme je ne veux pas perdre mon travail j’envoie à chaque modification :/

Donc du coup je remplace les zones en question Scoubifitz? J’avoue que vous m’avez un peu perdue dans vos explications xD

Par contre dans ton lien test, le bas n'est pas terminé comme s'il manquait un /div

[Scoubifitz]

Donc , si j'ai bien regardé , il faut enlever 2 div de fermeture et en rajouter une ...

pouvez vous vérifier mes dires ? Ceci est le code de départ , avec les 3 modifications :

Code:

<div style="background-color: #E4E4E4; width: 530px; margin: auto; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: 'Verdana'; font-size: 11px;"><img src="https://media.giphy.com/media/3ohzdSMI3A7geo8N9e/giphy.gif" style="width: 100%; heigh: 280px;"/><div style="background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%;"><div style="text-align: center; margin-top: 10px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px;">Qui suis-je ?</span></div></div><div style="margin: -3px 0 0 10px; color: #82C46C; font-size: 10px; font-family: arial narrow;">Statut : Disponible pour RP</div><div style="text-align: right; margin: -18px 10px 0 0; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Aliénor de Wenden</div>
   <div style="background-color: #8C8C8C; margin: auto; padding: 1px; width: 245px; height: 40px;"><div style="background-color: #E6E6E6; width: 245px; height: 20px; border-top: 1px solid #FEFEFE;"></div><div style="background-color: #B1B1B1; border-bottom: 2px solid #9B9B9B; width: 245px; height: 18px;"></div></div>
   <div style="background-color: #EFF5FF; margin: -70px auto 0 auto; width: 230px; height: 22px; border: 1px solid #384B69; padding: 2px; color: #483047; font-size: 15px; font-family: calibri; font-variant: small-caps;"><marquee scrollamount="3">23 ans • Dame de Wenden • Régente du Comté d'Arétria • Célibataire</marquee>
</div>

<div style="font-family: georgia; margin: 0 0 -18px 325px; font-size: 24px; color: #B0C3AB;">Donc je suis</div><div style="font-family: georgia; margin: 0 0 -22px 90px; font-size: 24px; color: #B0C3AB;">Je pense</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><table><td width=50%><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div>
<div style="background-color: #ffffff; width: 184px; height: 300px; margin-left : 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- caractère -</span> Rebelle et ardente, elle est relativement impétueuse. Pleine d’ardeurs, de courage, de projets, d'idées, elle a tendance à vouloir changer le monde et bouleverser les traditions. Vive et rapide, autant de geste que d'esprit, elle a hérité du tempérament vindicatif des hommes de la famille. Elle se montre également franche et son amour pour la chasse a développé chez elle son instinct qu'elle ne s'empêche pas d'écouter parfois, à tort.
</div></td><td><br/><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div><div style="background-color: #ffffff; height: 300px; margin: 18px 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- histoire -</span> Aliénor a toujours été un soutient de poids pour son frère. Oreille attentive et conseil avisé, la politique ne l'a jamais intéressée. Aliénor est depuis sa plus tendre enfance un électron libre et continue à l'être durant l'âge adulte. Perdre ses terres à la mort de son père et à la disparition de frère l'a incité àprendre des décisions extrêmement difficiles et à savoir se remettre profondément en question. Son courage et sa persévérance n'ont fait qu'attirer à elle la sympathie du peuple de Wenden qui l'a vue naître. Avec son frère Comte d'Arétria et chancelier, c'est sur ses épaules que désormais pèse la gestion de la seigneurie, berceau de leur famille.
<br/></div><br/></td>
</table></div>
<center><img src="https://i38.servimg.com/u/f38/19/09/53/71/wenden13.png" style="width: 150px; height: 150px;"/></center>

<div style="margin: 0 0 -5px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">La Famille Wenden</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
<table><tr><td width=25%><center><img src="https://zupimages.net/up/18/07/wrd6.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Roderik de Wenden</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Bien aimé frère aîné, ils sont tous deux comme les deux doigts de la main. Il respecte son besoin de liberté, elle tâche de ne pas trop le mettre dans l'embarras. Confident et ami, Roderik est son plus précieux conseil et même si son tempérament de feu n'est pas facile à dompter, elle l'écoute toujours lorsqu'il la conseille. Le perdre fut une déchirure, le retrouver fut son plus grand bonheur.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/F6kM6M4.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Karl de Wenden</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Fils de Roderik et dernier né de la famille Wenden, il fut le grand réconfort et plus grande préoccupation d'Aliénor après la mort de ses parents. Elevé par des nourrices, elle s'enquiert très fréquemment de sa santé et n'hésite pas à lui consacrer tout le temps qu'elle a de disponible pour passer du temps avec ce jeune être, placé sous sa protection. Elle le considère comme son propre fils.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/GNJZjKS.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Leudaste le Jeune</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Cousin des Wenden, Leudaste est un vieil homme malin et emprunt à une soif de pouvoir inégalée. Au point d'aller jusqu'à épouser sa jeune nièce à la mort de son frère pour prendre la seigneurie de Sorosd, ce qui ne plut à personne en Arétria et encore moins aux Wenden. Faillit être désigné régent du Comté de peu, c'est finalement Aliénor qui l'obtient. Il lui en tient toujours une rancune tenace.
</div></td></tr></table>
<br/>
<center><img src="https://i38.servimg.com/u/f38/19/09/53/71/wenden13.png" style="width: 150px; height: 150px;"/></center>

<div style="margin: 0 0 -5px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">On se connait, non ?</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
<table><tr><td width=25%><center><img src="https://zupimages.net/up/18/07/xrx6.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Cécilie de Missède</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Rencontrée alors qu'elle était encore dame de Laval, la jeune aveugle a beaucoup évolué depuis mais pas forcément de manière heureuse. Les tragédies qu'elle a vécu ont beaucoup noirci sa personnalité mais elles ont su maintenir leur belle amitié malgré la distance. Aliénor a hâte d'avoir l'occasion de pouvoir aller revoir son amie en Missède maintenant Comtesse.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Walther de Hohenburg</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Son soutien lorsqu'elle apprit la mort de son frère et après lorsqu'il lui fallut défendre Arétria-la-ville assiégée, fut assez fort pour qu'il devienne son ami le plus proche. C'est en toute confiance qu'elle le nomma Premier Conseiller d'Arétria et lui laissa la garde du Comté durant la campagne. Il fait presque partie de la famille à ses yeux.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/p5kmBow.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Arnoul de Stern</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Plus puissant vassal d'Arétria avec Wenden, Arnoul de Stern est un vieux bouc qui a bien vécu. Toutefois, même s'il a déjà un pied dans la tombe, le bougre donne bien du fil à retordre à Aliénor en exerçant sur elle toute la pression qu'il lui est possible d'exercer pour qu'elle accepte d'épouser son petit-fils et ainsi assurer la pérennité de sa lignée. C'était sans compter sur le caractère indomptable de la belle...
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/8UNbPR5.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Arnaud de Stern</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Fils de son vassal Arnoul de Stern, elle n'eut pas le temps de vivre le deuil de son frère qu'on érigeait déjà l'homme comme son futur époux. Le mariage ou la guerre civile, voici le choix qui s'était alors offert à elle alors que la levée du ban était sur le point d'être prononcé. C'est avec sagesse qu'elle accepta à contre-cœur le mariage. Elle fit tous les efforts possible pour maintenir une bonne entente entre ... pour rompre ses fiançailles à Velteroc après qu'il ait eu le malheur de poser la main sur elle.
</div>
</td></tr><tr><td width=25%><center><img src="https://www.zupimages.net/up/18/07/xal1.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Louis de Saint-Aimé</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Régent du Marquisat de Sainte-Berthilde, il lui prodigua de sages conseils au début de sa régence. Leur rapprochement à l'occasion d'un bal dont il avait fait d'Aliénor son invitée d'honneur, fut à l'origine de la naissance de sentiments de la jeune femme qui se déclara plus tard à Velteroc. Premier amour d'une jeune dame, il fut également sa première déception en lui brisant le coeur sans la moindre pitié ni le moindre ménagement.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/EWzRE7o.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Sourcil d'Airain</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Vassal nain du Comté d'Arétria, elle lui rendit visite en Külm après avoir pris ses fonctions de régente afin qu'il prête allégeance à son neveu Karl. Si le vieux nain se montra relativement pervers en bavant presque sur elle, il fut néanmoins un hôte des plus instructifs et lui fournit outre une jolie visite de la cité naine, un appui considérable avec les armes de la forge de Külm, inégalables, en vue de la campagne qui allait se mener.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/jT9YwIe.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Manel</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Ancien ménestrel de la Cour de Blanche d'Ancenis ayant fuit dans le nord pour échapper à la guerre après avoir découvert la traitrise et la cruauté dont sa maîtresse pouvait faire preuve en tuant son mari Nimmio et en abandonnant son peuple pour partir en exil, laissant Manel derrière elle. Arétria est pour lui une seconde maison et si pour le moment l'un et l'autre s'apprivoisent, Aliénor qui n'est point une femme méchante, espère tout de même qu'il se sentira finalement bien parmi eux pour lui permettre de retrouver goût à la vie.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/zA9jzRi.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Eléonore de Saint-Aimé</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Bien aimée soeur de son suzerain, elles se sont rencontrées le lendemain du bal de Sainte-Berthilde. Eléonore lui fit le tour du château de Cantharel et lui montra les coins les plus jolis où elle adorait passer son temps, ce qui fut propice également à quelques confidences, liant les deux jeunes femmes d'une amitié sincère et désintéressée.
</div>
</td></tr><tr><td width=25%><center><img src="https://i.imgur.com/qNsjxtF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Renaud d'Erac</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Rencontré à l'occasion de la campagne dans le Médian. Ils ont eu l'occasion de faire équipe ensemble à la bataille de Velteroc. Dans une même volonté de rapprocher leurs peuples et de permettre une bonne entente entre le duché d'Erac et Arétria, ils décidèrent de devenir des alliés et de laisser le temps faire peut être d'eux des amis. Bienveillant et amical, Aliénor apprécie beaucoup que Renaud face tout ce qu'il peut pour qu'elle se sente bien et intégrée malgré les réticences de voir une femme à la tête d'une armée. Son soutien compte beaucoup pour elle.
</div>
</td></tr><tr><td width=25%><center><img src="https://zupimages.net/up/18/07/heqi.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Thibaud de Kelbourg</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Seigneur vassal de Sainte-Berthilde haut en couleurs, Aliénor le connaissait de réputation. Toutefois le rencontrer fut autre chose. S'il ne lui fit aucune remarque et ignora même jusqu'à sa présence au Conseil de Guerre de Christabel, leur rencontre n'en fut que plus cinglante ensuite. Lorsqu'un misogyne notoire et une féministe revendiquée se rencontrent...
</div>
</td></tr><tr><td width=25%><center><img src="https://www.zupimages.net/up/18/07/h81a.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Aymeric de Brochant</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"> Sénéchal du royaume, il fut d'un grand soutien pour Aliénor alors en proie au syndrome du coeur brisé. Il lui permit de s'éloigner quelques temps de la campagne où l'homme qu'elle aime et la Veuve noire s'affichaient désormais publiquement sans aucune gêne. Fort heureusement pour elle, il accepta bien volontiers sa présence, ce qui leur permit d'apprendre à mieux se connaître entre voisins et à initier un semblant d'entente entre deux voisins aux relations bien tumultueuses par le passé.
</div></td></tr></table></div>
</div></div>

Avez-vous testé ce que j'ai proposé ?

Par contre dans ton lien test, le bas n'est pas terminé comme s'il manquait un /div

J'ai mis un message sous le test , on peut voir que l'avatar reste en place ...

pour ce qui est de votre code , il serait utile de l'alléger par des class ...

[pizinette]

J'ai fait le test demandé et en effet, le profil reste en place cette fois :

Visible ici

Toutefois comme je l'indiquais c'est ça qui me dérange du coup :



Alors qu'il devrait avoir cette apparence :



Je vous avoue que je fais plus dans le bidouillage de codes que dans la création. Je veux bien changer par des class mais serait-il possible du coup de me guider dans cette démarche ?

[Scoubifitz]

J'ai fait le test demandé et en effet, le profil reste en place cette fois :

Visible ici

Toutefois comme je l'indiquais c'est ça qui me dérange du coup :



Alors qu'il devrait avoir cette apparence :



Je vous avoue que je fais plus dans le bidouillage de codes que dans la création. Je veux bien changer par des class mais serait-il possible du coup de me guider dans cette démarche ?

Ma faute ... il suffit de mettre un ou deux retour à la ligne à la fin du code pour faire apparaitre l'ombrage ...

Pour ce qui est de faire des class , ce n'est pas trop compliqué , à partir du moment qu'il y a une bonne structure .
Exemple : pour le défilement , la case de défilement se trouve dans une case à 2 couleurs :
donc , structurellement on a une div contenant un marquee .
Le reste n'est que du CSS ...
Ce CSS sera placé en début de code entre balises style .

Le code complet ressemblerait à ceci :

Code:

<style>.prezcontour{ background-color: #E4E4E4; width: 530px; margin: auto; padding-bottom:20px; text-align: center; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: verdana; font-size: 11px; } .kisuije{ background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #1C3734; font-variant: small-caps; letter-spacing: 2px; } .kisuije span{ color: #353535; font-weight:bold; } .prezstatut{ position:relative; text-align: right; line-height:12px; margin-right: 10px; } .prezstatut div{ margin-left:10px; color: #82C46C; font-size: 10px; font-family: arial narrow; position:absolute; } .prezstatut span{ font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B; } .prezdefile{ margin: auto; width: 245px; border: 1px solid #8C8C8C; border-bottom: 2px solid #9B9B9B; height: 40px; background: linear-gradient(to bottom, #E6E6E6 0%,#E6E6E6 50%,#B1B1B1 50%,#B1B1B1 100%); }.marquee{ display:block; background-color: #EFF5FF; margin:9px auto; width: 230px; height: 22px; border: 1px solid #384B69; color: #483047; font-size: 15px; font-family: calibri; font-variant: small-caps; } .pensesuis,.pensesuistext{ margin: auto 10px; border-spacing: 30px 0px; width:510px; } .pensesuistext{ background-color: #DFDFDF; padding-bottom: 20px; border-radius: 30px 0px; } .ligne{ border-top: #8D838D solid 1px; border-bottom: #B0C3AB solid 2px; } .demi{ width:50%; } .preztitre{ font:24px georgia; color: #B0C3AB; } .long{ margin:auto 80px; text-align:left; } .large{ margin:auto 40px; } .case{ background-color: #ffffff; height: 300px; margin-top: 18px; padding: 10px; text-align: justify; overflow: auto; } .case span{ font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold; } .persoimage{ width:25%; } .persoimage img{ border: 2px solid #BEBEBE; border-radius: 15px 0; width: 100px; height: 100px; margin-top: 30px; } .persotitre{ text-align: right; margin: 15px 10px auto; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B; } .basse{ height:120px; margin:auto; } </style>
<div class="prezcontour"><img src="https://media.giphy.com/media/3ohzdSMI3A7geo8N9e/giphy.gif" style="display:block;width: 100%;"/><div class="kisuije"><span>“</span>Qui suis-je ?</div><div class="prezstatut"><div>Statut : Disponible pour RP</div><span>Aliénor de Wenden</span></div>

<div class="prezdefile"><marquee scrollamount="3" class="marquee">23 ans • Dame de Wenden • Régente du Comté d'Arétria • Célibataire</marquee></div>
<table class="pensesuis"><tr><td class="preztitre demi">Je pense<div class="ligne"></div></td>
<td class="preztitre">Donc je suis<div class="ligne"></div></td></tr></table><table class="pensesuistext"><tr><td class="demi"><div class="case"><span>- caractère -</span> Rebelle et ardente, elle est relativement impétueuse. Pleine d’ardeurs, de courage, de projets, d'idées, elle a tendance à vouloir changer le monde et bouleverser les traditions. Vive et rapide, autant de geste que d'esprit, elle a hérité du tempérament vindicatif des hommes de la famille. Elle se montre également franche et son amour pour la chasse a développé chez elle son instinct qu'elle ne s'empêche pas d'écouter parfois, à tort.
</div></td><td><div class="case"><span>- histoire -</span> Aliénor a toujours été un soutient de poids pour son frère. Oreille attentive et conseil avisé, la politique ne l'a jamais intéressée. Aliénor est depuis sa plus tendre enfance un électron libre et continue à l'être durant l'âge adulte. Perdre ses terres à la mort de son père et à la disparition de frère l'a incité àprendre des décisions extrêmement difficiles et à savoir se remettre profondément en question. Son courage et sa persévérance n'ont fait qu'attirer à elle la sympathie du peuple de Wenden qui l'a vue naître. Avec son frère Comte d'Arétria et chancelier, c'est sur ses épaules que désormais pèse la gestion de la seigneurie, berceau de leur famille.
</div></td></tr></table>

<img src="https://i38.servimg.com/u/f38/19/09/53/71/wenden13.png" style="width: 150px; height: 150px;"/>

<div class="preztitre long">La Famille Wenden</div><div class="ligne large"></div><table class="pensesuistext"><tr><td class="persoimage"><img src="https://zupimages.net/up/18/07/wrd6.png" /></td><td><div class="persotitre">Roderik de Wenden</div><div class="case basse">Bien aimé frère aîné, ils sont tous deux comme les deux doigts de la main. Il respecte son besoin de liberté, elle tâche de ne pas trop le mettre dans l'embarras. Confident et ami, Roderik est son plus précieux conseil et même si son tempérament de feu n'est pas facile à dompter, elle l'écoute toujours lorsqu'il la conseille. Le perdre fut une déchirure, le retrouver fut son plus grand bonheur.
</div></td></tr><tr><td class="persoimage"><img src="https://i.imgur.com/F6kM6M4.png" /></td><td><div class="persotitre">Karl de Wenden</div><div class="case basse">Fils de Roderik et dernier né de la famille Wenden, il fut le grand réconfort et plus grande préoccupation d'Aliénor après la mort de ses parents. Elevé par des nourrices, elle s'enquiert très fréquemment de sa santé et n'hésite pas à lui consacrer tout le temps qu'elle a de disponible pour passer du temps avec ce jeune être, placé sous sa protection. Elle le considère comme son propre fils.
</div></td></tr><tr><td class="persoimage"><img src="https://i.imgur.com/GNJZjKS.png" /></td><td><div class="persotitre">Leudaste le Jeune</div><div class="case basse">Cousin des Wenden, Leudaste est un vieil homme malin et emprunt à une soif de pouvoir inégalée. Au point d'aller jusqu'à épouser sa jeune nièce à la mort de son frère pour prendre la seigneurie de Sorosd, ce qui ne plut à personne en Arétria et encore moins aux Wenden. Faillit être désigné régent du Comté de peu, c'est finalement Aliénor qui l'obtient. Il lui en tient toujours une rancune tenace.
</div></td></tr></table>

<img src="https://i38.servimg.com/u/f38/19/09/53/71/wenden13.png" style="width: 150px; height: 150px;" />

<div class="preztitre long">On se connait, non ?</div><div class="ligne large"></div><table class="pensesuistext"><tr><td class="persoimage"><img src="https://zupimages.net/up/18/07/xrx6.png" /></td><td><div class="persotitre">Cécilie de Missède</div><div class="case basse">Rencontrée alors qu'elle était encore dame de Laval, la jeune aveugle a beaucoup évolué depuis mais pas forcément de manière heureuse. Les tragédies qu'elle a vécu ont beaucoup noirci sa personnalité mais elles ont su maintenir leur belle amitié malgré la distance. Aliénor a hâte d'avoir l'occasion de pouvoir aller revoir son amie en Missède maintenant Comtesse.
</div></td></tr><tr><td class="persoimage"><img src="https://i.imgur.com/0MZdDoF.png" /></td><td><div class="persotitre">Walther de Hohenburg</div><div class="case basse"> Son soutien lorsqu'elle apprit la mort de son frère et après lorsqu'il lui fallut défendre Arétria-la-ville assiégée, fut assez fort pour qu'il devienne son ami le plus proche. C'est en toute confiance qu'elle le nomma Premier Conseiller d'Arétria et lui laissa la garde du Comté durant la campagne. Il fait presque partie de la famille à ses yeux.
</div></td></tr><tr><td class="persoimage"><img src="https://i.imgur.com/p5kmBow.png" /></td><td><div class="persotitre">Arnoul de Stern</div><div class="case basse"> Plus puissant vassal d'Arétria avec Wenden, Arnoul de Stern est un vieux bouc qui a bien vécu. Toutefois, même s'il a déjà un pied dans la tombe, le bougre donne bien du fil à retordre à Aliénor en exerçant sur elle toute la pression qu'il lui est possible d'exercer pour qu'elle accepte d'épouser son petit-fils et ainsi assurer la pérennité de sa lignée. C'était sans compter sur le caractère indomptable de la belle...
</div></td></tr><tr><td class="persoimage"><img src="https://i.imgur.com/8UNbPR5.png" /></td><td><div class="persotitre">Arnaud de Stern</div><div class="case basse"> Fils de son vassal Arnoul de Stern, elle n'eut pas le temps de vivre le deuil de son frère qu'on érigeait déjà l'homme comme son futur époux. Le mariage ou la guerre civile, voici le choix qui s'était alors offert à elle alors que la levée du ban était sur le point d'être prononcé. C'est avec sagesse qu'elle accepta à contre-cœur le mariage. Elle fit tous les efforts possible pour maintenir une bonne entente entre ... pour rompre ses fiançailles à Velteroc après qu'il ait eu le malheur de poser la main sur elle.
</div></td></tr><tr><td class="persoimage"><img src="https://www.zupimages.net/up/18/07/xal1.png" /></td><td><div class="persotitre">Louis de Saint-Aimé</div><div class="case basse"> Régent du Marquisat de Sainte-Berthilde, il lui prodigua de sages conseils au début de sa régence. Leur rapprochement à l'occasion d'un bal dont il avait fait d'Aliénor son invitée d'honneur, fut à l'origine de la naissance de sentiments de la jeune femme qui se déclara plus tard à Velteroc. Premier amour d'une jeune dame, il fut également sa première déception en lui brisant le coeur sans la moindre pitié ni le moindre ménagement.
</div></td></tr><tr><td class="persoimage"><img src="https://i.imgur.com/EWzRE7o.png" /></td><td><div class="persotitre">Sourcil d'Airain</div><div class="case basse"> Vassal nain du Comté d'Arétria, elle lui rendit visite en Külm après avoir pris ses fonctions de régente afin qu'il prête allégeance à son neveu Karl. Si le vieux nain se montra relativement pervers en bavant presque sur elle, il fut néanmoins un hôte des plus instructifs et lui fournit outre une jolie visite de la cité naine, un appui considérable avec les armes de la forge de Külm, inégalables, en vue de la campagne qui allait se mener.
</div></td></tr><tr><td class="persoimage"><img src="https://i.imgur.com/jT9YwIe.png" /></td><td><div class="persotitre">Manel</div><div class="case basse"> Ancien ménestrel de la Cour de Blanche d'Ancenis ayant fuit dans le nord pour échapper à la guerre après avoir découvert la traitrise et la cruauté dont sa maîtresse pouvait faire preuve en tuant son mari Nimmio et en abandonnant son peuple pour partir en exil, laissant Manel derrière elle. Arétria est pour lui une seconde maison et si pour le moment l'un et l'autre s'apprivoisent, Aliénor qui n'est point une femme méchante, espère tout de même qu'il se sentira finalement bien parmi eux pour lui permettre de retrouver goût à la vie.
</div></td></tr><tr><td class="persoimage"><img src="https://i.imgur.com/zA9jzRi.png" /></td><td><div class="persotitre">Eléonore de Saint-Aimé</div><div class="case basse"> Bien aimée soeur de son suzerain, elles se sont rencontrées le lendemain du bal de Sainte-Berthilde. Eléonore lui fit le tour du château de Cantharel et lui montra les coins les plus jolis où elle adorait passer son temps, ce qui fut propice également à quelques confidences, liant les deux jeunes femmes d'une amitié sincère et désintéressée.
</div></td></tr><tr><td class="persoimage"><img src="https://i.imgur.com/qNsjxtF.png" /></td><td><div class="persotitre">Renaud d'Erac</div><div class="case basse"> Rencontré à l'occasion de la campagne dans le Médian. Ils ont eu l'occasion de faire équipe ensemble à la bataille de Velteroc. Dans une même volonté de rapprocher leurs peuples et de permettre une bonne entente entre le duché d'Erac et Arétria, ils décidèrent de devenir des alliés et de laisser le temps faire peut être d'eux des amis. Bienveillant et amical, Aliénor apprécie beaucoup que Renaud face tout ce qu'il peut pour qu'elle se sente bien et intégrée malgré les réticences de voir une femme à la tête d'une armée. Son soutien compte beaucoup pour elle.
</div></td></tr><tr><td class="persoimage"><img src="https://zupimages.net/up/18/07/heqi.png" /></td><td><div class="persotitre">Thibaud de Kelbourg</div><div class="case basse"> Seigneur vassal de Sainte-Berthilde haut en couleurs, Aliénor le connaissait de réputation. Toutefois le rencontrer fut autre chose. S'il ne lui fit aucune remarque et ignora même jusqu'à sa présence au Conseil de Guerre de Christabel, leur rencontre n'en fut que plus cinglante ensuite. Lorsqu'un misogyne notoire et une féministe revendiquée se rencontrent...
</div></td></tr><tr><td class="persoimage"><img src="https://www.zupimages.net/up/18/07/h81a.png" /></td><td><div class="persotitre">Aymeric de Brochant</div><div class="case basse"> Sénéchal du royaume, il fut d'un grand soutien pour Aliénor alors en proie au syndrome du coeur brisé. Il lui permit de s'éloigner quelques temps de la campagne où l'homme qu'elle aime et la Veuve noire s'affichaient désormais publiquement sans aucune gêne. Fort heureusement pour elle, il accepta bien volontiers sa présence, ce qui leur permit d'apprendre à mieux se connaître entre voisins et à initier un semblant d'entente entre deux voisins aux relations bien tumultueuses par le passé.
</div></td></tr></table></div><br>

... toujours visible dans le lien test .

[pizinette]

Ah oui d’accord je vois, avec la balise style en premier qui détermine tout le css. J’avoue que pour le moment je ne suis pas une grande fan de cette méthode pour les messages mais j’ai le sentiment que ça amène bien moins de bugs que si on incorpore tout dans le code html non?

Edit : Après essai ça marche bien globalement même si le "Qui sui-je ?" est un peu trop haut mais bon je ne vais pas chipoter non plus

[Faline]

... Je préparer mon journal de bord pour un forum où je joue.

Si ces styles vont être réutilisés encore et encore dans un journal, je proposerais de les coller une fois pour toutes dans la feuille de styles du forum, sans le code

Code:

<style></style>

. Si jamais vous changerez un jour d'avis (mettre de la couleur dorée ou argentée pour le temps de Noël...) vous pourrez en une seule modification sur la feuille de styles changer l'apparence de tout votre journal.

Je n'ai pas testé le "Qui suis-je", mais je suppose que c'est une petite marge à modifier dans la feuille de styles...

[pizinette]

J'ai tenté avec un margin-top mais c'est tout le bloc et pas seulement le texte. Je ne sais pas si une balise spécifique au texte nous permet de le baisser du coup.

[Scoubifitz]

On n'utilise pas de margin-top , mais ... un line-height ! Logique pour régler une hauteur de ligne ...

on repère donc la class concernée :

Code:

.kisuije{ background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #1C3734; font-variant: small-caps; letter-spacing: 2px; }

comme il y a une hauteur de div de 40px , et une hauteur de font de 36px ,
il faut juste rajouter la hauteur de ligne (même valeur que la font) en fin de class.
Ça a pour effet de centrer verticalement le texte .

ce qui donne :

Code:

.kisuije{ background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #1C3734; font-variant: small-caps; letter-spacing: 2px; line-height:36px;}

[pizinette]

Ah oui c'est parfait, merci beaucoup.

Toutefois, pourquoi je n'ai pas eu le même problème par rapport au profil avec le code suivant sur le journal de bord alors que c'est le même style de code ?

Exemple :

Code:

<div style="background-color: #E4E4E4; width: 530px ; margin: auto; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: 'Verdana'; font-size: 11px;"><img src="https://media1.giphy.com/media/r8frzXRdLfbhu/giphy.gif" style="width: 100%; heigh: 280px;"/><div style="background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%;"><div style="text-align: center; margin-top: 10px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px">Cycle 11 - Ans 10 - Hiver</span></div></div><div style="margin: -3px 0 0 10px; color: #82C46C; font-size: 10px; font-family: arial narrow;">Statut : Disponible pour RP</div><div style="text-align: right; margin: -10px 10px 0 250px; font-family: georgia; font-variant: small-caps; font-size: 11px; font-style: italic; letter-spacing : 2px; color: #879E9B;">"Le début d'une nouvelle vie."</div>

<div style="font-family: georgia; margin: 0 0 -18px 355px; font-size: 24px; color: #B0C3AB;">Mes sujets</div><div style="font-family: georgia; margin: 0 0 -22px 125px; font-size: 24px; color: #B0C3AB;">En résumé</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><table><td>
<br/><div style="background-color: #8D838D; height: 1px; margin: -7px 0 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px;"></div></div>

<div style="background-color: #ffffff; width: 250px; height: 300px; margin-left : 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- résumé -</span> Aliénor apprend à peine la mort de son bien aimé frère, le chancelier du Roi, Roderik de Wenden, qu'elle doit déjà faire face à une attaque de son beau-frère Ewald de Karlsburg. Ce dernier, après avoir séquestré sa soeur la Comtesse Iselda, entend assiéger Arétria-la-ville pour s'emparer de son neveu Karl et monter sur le trône du Comté d'Arétria qu'il avait pourtant refusé par le passé.

Aidée de Walther de Hohenburg et l'ordre du Calice, ainsi que des vassaux et alliés de Wenden, Aliénor prend les armes et défend la ville avec succès. Toutefois Ewald parvient à s'enfuir. Aliénor envoie alors des hommes libérer sa belle-soeur qui, trop affaiblie par sa détention, préfère finir ses jours dans le château qui l'a vue naître, ce qu'Aliénor ne pouvait que comprendre.

Un conseil des vassaux d'Arétria se réunit alors pour désigner leur nouveau Comte en la personne de Karl de Wenden et choisir un régent. A sa grande surprise, elle fut choisie pour incarner ce rôle et continuer à servir son neveu. Ainsi, une nouvelle vie pour elle commence en attendant la levée du ban qui ne saurait tarder.

</div>
</div></td><td width=20%><br/><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0px 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0px 18px;"></div></div>

<div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; height: 296px; width: 130px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; margin: 0 30px 0 18px; text-align: center; padding: 10px; overflow: auto;">
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Présentation</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22235-alienor-de-wenden">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Relations</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="lien vers le sujet">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Contact</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/privmsg?mode=post&u=5056">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Créations</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="lien vers le sujet">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Trombi</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="lien vers le sujet">www</a></div></td></table></div>
<div style="margin: 0 0 -24px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Karfias</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
<div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div><table><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/5ENw6a2.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 4 - Jour 3</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Tibéria de Soltariel ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Invitation au bal du printemps -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22350-invitation-au-bal-du-printemps">www</a> | Associée à une invitation de la part de la duchesse de Soltariel, Aliénor fut malheureusement la seule à lui répondre. Son frère, le chancelier du royaume, ayant péri en mer  </div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 5 - Jour 1</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Walther de Hohenburg ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Le vent du nord -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22244-le-vent-du-nord-pv-alienor">www</a> |
A l'occasion d'une soirée enneigée, Aliénor fit la connaissance de Walther et de ses hommes, se faisant passer pour une paysanne. Au petit matin, la jeune femme avait disparu pour la plus grande surprise de ces messieurs, venus retrouver le reste de leur ordre à Wenden. Quelle surprise ils eurent en découvrant que la jeune inconnue n'était autre que la soeur du seigneur des lieux ! Alors qu'ils échangeaient sur une possible reconnaissance de l'ordre du calice par Wenden, ils furent interrompus par un messager sternois qui n'était autre que le petit fils du vieux seigneur voisin, lui apportant toutes ses condoléances pour la mort de son frère. Plus tard dans la journée, elle apprit que sa belle-soeur était retenue prisonnière et que son beau-frère marchait sur Arétria pour s'emparer de son neveu, le dernier des Wenden mais également que dans son testament, Aliénor se voyait accorder la seigneurie de Wenden ainsi que la monture fort célèbre de son frère.</div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"><img src="https://i.imgur.com/p5kmBow.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 5 - Jour 3</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Walther de Hohenburg ♣ Arnoul de Stern</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Au nom du fils -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22401-au-nom-du-fils-alienor-arnoul">www</a> |
Alors qu'elle était souffrante un peu plus tôt, Aliénor revêtit son armure et ordonna à ses hommes de se tenir prêt à partir défendre Arétria. Si la marche avait commencé avec une poignée d'hommes, Aliénor fut néanmoins à la tête d'une véritable armée en arrivant à Arétria-la-ville pour la défendre. Au prix de quelques efforts, ils parvinrent à repousser l'ennemi qui prit la fuite. A peine arrivés et accueillis en héros dans Arétria-la-ville, le Sénéchal d'Arétria annonça la mort de la Comtesse Iselda et la réunion d'un conseil des vassaux afin de prêter allégeance à leur nouveau seigneur et désigner son régent. A sa grande surprise, Aliénor fut désignée. Son geste d'avoir pris immédiatement les armes pour défendre son neveu lui apporta le respect de ses vassaux. Une nouvelle vie alors commence. </div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/loXVkcU.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 5 - Jour 7</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Niklaus d'Atemberg ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Correspondance entre le baron d'Apreplaine et la Dame de Wenden -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22352-correspondance-entre-le-baron-d-apreplaine-et-la-dame-de-wenden">www</a> |
Le baron d'Apreplaine Niklaus d'Atemberg fait part à la nouvelle régente de toutes ses condoléances pour la perte de son frère et lui prie de croire en son amitié en ces instants pénibles.</div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 9 - Jour 9</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Walther de Hohenburg ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Quand l'hiver touche à son terme -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22489-quand-l-hiver-touche-a-son-terme-alienor">www</a> |
Voici quelques semaines qu'Aliénor a prit ses fonctions de régent. Installée désormais dans le château d'Arétria-la-ville elle prend ses marques et tâches de se préparer au rôle qui lui est désormais dévolu, tout en préparant la levée du ban. Walther vint alors la saluer pour lui annoncer qu'il rentre dans sa famille qui a désespérément besoin de lui. Même si elle se sent triste de perdre un ami si proche en des temps si difficiles, Aliénor comprend toutefois sa décision et ne s'y oppose pas. Néanmoins, elle n'est pas tout à fait prête à laisser partir un si précieux ami et lui offre le poste de Premier Conseil du Comté d'Arétria, qu'il accepte pour leur plus grand bonheur.</div>
</td></tr></div>
</table></div>
</div>
</div>

[Scoubifitz]

Alors ... c'est un vrai mystère ... d'autant qu'il y a plus de div de fermetures (33) que de div ouvrantes (28) ...

... et qu'en supprimant les div de trop ça ne change rien :

Code:

<div style="background-color: #E4E4E4; width: 530px ; margin: auto; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: 'Verdana'; font-size: 11px;"><img src="https://media1.giphy.com/media/r8frzXRdLfbhu/giphy.gif" style="width: 100%; heigh: 280px;"/><div style="background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%;"><div style="text-align: center; margin-top: 10px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px">Cycle 11 - Ans 10 - Hiver</span></div></div><div style="margin: -3px 0 0 10px; color: #82C46C; font-size: 10px; font-family: arial narrow;">Statut : Disponible pour RP</div><div style="text-align: right; margin: -10px 10px 0 250px; font-family: georgia; font-variant: small-caps; font-size: 11px; font-style: italic; letter-spacing : 2px; color: #879E9B;">"Le début d'une nouvelle vie."</div>

<div style="font-family: georgia; margin: 0 0 -18px 355px; font-size: 24px; color: #B0C3AB;">Mes sujets</div><div style="font-family: georgia; margin: 0 0 -22px 125px; font-size: 24px; color: #B0C3AB;">En résumé</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><table><td>
<br/><div style="background-color: #8D838D; height: 1px; margin: -7px 0 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px;"></div></div>

<div style="background-color: #ffffff; width: 250px; height: 300px; margin-left : 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- résumé -</span> Aliénor apprend à peine la mort de son bien aimé frère, le chancelier du Roi, Roderik de Wenden, qu'elle doit déjà faire face à une attaque de son beau-frère Ewald de Karlsburg. Ce dernier, après avoir séquestré sa soeur la Comtesse Iselda, entend assiéger Arétria-la-ville pour s'emparer de son neveu Karl et monter sur le trône du Comté d'Arétria qu'il avait pourtant refusé par le passé.

Aidée de Walther de Hohenburg et l'ordre du Calice, ainsi que des vassaux et alliés de Wenden, Aliénor prend les armes et défend la ville avec succès. Toutefois Ewald parvient à s'enfuir. Aliénor envoie alors des hommes libérer sa belle-soeur qui, trop affaiblie par sa détention, préfère finir ses jours dans le château qui l'a vue naître, ce qu'Aliénor ne pouvait que comprendre.

Un conseil des vassaux d'Arétria se réunit alors pour désigner leur nouveau Comte en la personne de Karl de Wenden et choisir un régent. A sa grande surprise, elle fut choisie pour incarner ce rôle et continuer à servir son neveu. Ainsi, une nouvelle vie pour elle commence en attendant la levée du ban qui ne saurait tarder.

</div>
</div></td><td width=20%><br/><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0px 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0px 18px;"></div></div>

<div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; height: 296px; width: 130px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; margin: 0 30px 0 18px; text-align: center; padding: 10px; overflow: auto;">
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Présentation</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22235-alienor-de-wenden">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Relations</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="lien vers le sujet">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Contact</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/privmsg?mode=post&u=5056">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Créations</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="lien vers le sujet">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Trombi</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="lien vers le sujet">www</a></div></td></table></div>
<div style="margin: 0 0 -24px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Karfias</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
<div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div><table><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/5ENw6a2.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 4 - Jour 3</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Tibéria de Soltariel ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Invitation au bal du printemps -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22350-invitation-au-bal-du-printemps">www</a> | Associée à une invitation de la part de la duchesse de Soltariel, Aliénor fut malheureusement la seule à lui répondre. Son frère, le chancelier du royaume, ayant péri en mer  </div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 5 - Jour 1</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Walther de Hohenburg ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Le vent du nord -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22244-le-vent-du-nord-pv-alienor">www</a> |
A l'occasion d'une soirée enneigée, Aliénor fit la connaissance de Walther et de ses hommes, se faisant passer pour une paysanne. Au petit matin, la jeune femme avait disparu pour la plus grande surprise de ces messieurs, venus retrouver le reste de leur ordre à Wenden. Quelle surprise ils eurent en découvrant que la jeune inconnue n'était autre que la soeur du seigneur des lieux ! Alors qu'ils échangeaient sur une possible reconnaissance de l'ordre du calice par Wenden, ils furent interrompus par un messager sternois qui n'était autre que le petit fils du vieux seigneur voisin, lui apportant toutes ses condoléances pour la mort de son frère. Plus tard dans la journée, elle apprit que sa belle-soeur était retenue prisonnière et que son beau-frère marchait sur Arétria pour s'emparer de son neveu, le dernier des Wenden mais également que dans son testament, Aliénor se voyait accorder la seigneurie de Wenden ainsi que la monture fort célèbre de son frère.</div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"><img src="https://i.imgur.com/p5kmBow.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 5 - Jour 3</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Walther de Hohenburg ♣ Arnoul de Stern</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Au nom du fils -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22401-au-nom-du-fils-alienor-arnoul">www</a> |
Alors qu'elle était souffrante un peu plus tôt, Aliénor revêtit son armure et ordonna à ses hommes de se tenir prêt à partir défendre Arétria. Si la marche avait commencé avec une poignée d'hommes, Aliénor fut néanmoins à la tête d'une véritable armée en arrivant à Arétria-la-ville pour la défendre. Au prix de quelques efforts, ils parvinrent à repousser l'ennemi qui prit la fuite. A peine arrivés et accueillis en héros dans Arétria-la-ville, le Sénéchal d'Arétria annonça la mort de la Comtesse Iselda et la réunion d'un conseil des vassaux afin de prêter allégeance à leur nouveau seigneur et désigner son régent. A sa grande surprise, Aliénor fut désignée. Son geste d'avoir pris immédiatement les armes pour défendre son neveu lui apporta le respect de ses vassaux. Une nouvelle vie alors commence. </div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/loXVkcU.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 5 - Jour 7</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Niklaus d'Atemberg ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Correspondance entre le baron d'Apreplaine et la Dame de Wenden -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22352-correspondance-entre-le-baron-d-apreplaine-et-la-dame-de-wenden">www</a> |
Le baron d'Apreplaine Niklaus d'Atemberg fait part à la nouvelle régente de toutes ses condoléances pour la perte de son frère et lui prie de croire en son amitié en ces instants pénibles.</div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 9 - Jour 9</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Walther de Hohenburg ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Quand l'hiver touche à son terme -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22489-quand-l-hiver-touche-a-son-terme-alienor">www</a> |
Voici quelques semaines qu'Aliénor a prit ses fonctions de régent. Installée désormais dans le château d'Arétria-la-ville elle prend ses marques et tâches de se préparer au rôle qui lui est désormais dévolu, tout en préparant la levée du ban. Walther vint alors la saluer pour lui annoncer qu'il rentre dans sa famille qui a désespérément besoin de lui. Même si elle se sent triste de perdre un ami si proche en des temps si difficiles, Aliénor comprend toutefois sa décision et ne s'y oppose pas. Néanmoins, elle n'est pas tout à fait prête à laisser partir un si précieux ami et lui offre le poste de Premier Conseil du Comté d'Arétria, qu'il accepte pour leur plus grand bonheur.</div>
</td></tr></div>
</table></div>
</div>
</div>

[Faline]

Je ne sais pas si c'est la source du problème, mais j'ai repéré une div juste après ce titre, qui n'a pas de class :

Code:

<div>Statut : Disponible pour RP</div><span>Aliénor de Wenden</span></div>

[pizinette]

Alors ... c'est un vrai mystère ... d'autant qu'il y a plus de div de fermetures (33) que de div ouvrantes (28) ...

... et qu'en supprimant les div de trop ça ne change rien :

Code:

<div style="background-color: #E4E4E4; width: 530px ; margin: auto; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: 'Verdana'; font-size: 11px;"><img src="https://media1.giphy.com/media/r8frzXRdLfbhu/giphy.gif" style="width: 100%; heigh: 280px;"/><div style="background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%;"><div style="text-align: center; margin-top: 10px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px">Cycle 11 - Ans 10 - Hiver</span></div></div><div style="margin: -3px 0 0 10px; color: #82C46C; font-size: 10px; font-family: arial narrow;">Statut : Disponible pour RP</div><div style="text-align: right; margin: -10px 10px 0 250px; font-family: georgia; font-variant: small-caps; font-size: 11px; font-style: italic; letter-spacing : 2px; color: #879E9B;">"Le début d'une nouvelle vie."</div>

<div style="font-family: georgia; margin: 0 0 -18px 355px; font-size: 24px; color: #B0C3AB;">Mes sujets</div><div style="font-family: georgia; margin: 0 0 -22px 125px; font-size: 24px; color: #B0C3AB;">En résumé</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><table><td>
<br/><div style="background-color: #8D838D; height: 1px; margin: -7px 0 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px;"></div></div>

<div style="background-color: #ffffff; width: 250px; height: 300px; margin-left : 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- résumé -</span> Aliénor apprend à peine la mort de son bien aimé frère, le chancelier du Roi, Roderik de Wenden, qu'elle doit déjà faire face à une attaque de son beau-frère Ewald de Karlsburg. Ce dernier, après avoir séquestré sa soeur la Comtesse Iselda, entend assiéger Arétria-la-ville pour s'emparer de son neveu Karl et monter sur le trône du Comté d'Arétria qu'il avait pourtant refusé par le passé.

Aidée de Walther de Hohenburg et l'ordre du Calice, ainsi que des vassaux et alliés de Wenden, Aliénor prend les armes et défend la ville avec succès. Toutefois Ewald parvient à s'enfuir. Aliénor envoie alors des hommes libérer sa belle-soeur qui, trop affaiblie par sa détention, préfère finir ses jours dans le château qui l'a vue naître, ce qu'Aliénor ne pouvait que comprendre.

Un conseil des vassaux d'Arétria se réunit alors pour désigner leur nouveau Comte en la personne de Karl de Wenden et choisir un régent. A sa grande surprise, elle fut choisie pour incarner ce rôle et continuer à servir son neveu. Ainsi, une nouvelle vie pour elle commence en attendant la levée du ban qui ne saurait tarder.

</div>
</div></td><td width=20%><br/><div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0px 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0px 18px;"></div></div>

<div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; height: 296px; width: 130px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; margin: 0 30px 0 18px; text-align: center; padding: 10px; overflow: auto;">
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Présentation</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22235-alienor-de-wenden">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Relations</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="lien vers le sujet">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Contact</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/privmsg?mode=post&u=5056">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Créations</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="lien vers le sujet">www</a>

  <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">Trombi</span><br /><a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="lien vers le sujet">www</a></div></td></table></div>
<div style="margin: 0 0 -24px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Karfias</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
<div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div><table><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/5ENw6a2.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 4 - Jour 3</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Tibéria de Soltariel ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Invitation au bal du printemps -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22350-invitation-au-bal-du-printemps">www</a> | Associée à une invitation de la part de la duchesse de Soltariel, Aliénor fut malheureusement la seule à lui répondre. Son frère, le chancelier du royaume, ayant péri en mer  </div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 5 - Jour 1</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Walther de Hohenburg ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Le vent du nord -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22244-le-vent-du-nord-pv-alienor">www</a> |
A l'occasion d'une soirée enneigée, Aliénor fit la connaissance de Walther et de ses hommes, se faisant passer pour une paysanne. Au petit matin, la jeune femme avait disparu pour la plus grande surprise de ces messieurs, venus retrouver le reste de leur ordre à Wenden. Quelle surprise ils eurent en découvrant que la jeune inconnue n'était autre que la soeur du seigneur des lieux ! Alors qu'ils échangeaient sur une possible reconnaissance de l'ordre du calice par Wenden, ils furent interrompus par un messager sternois qui n'était autre que le petit fils du vieux seigneur voisin, lui apportant toutes ses condoléances pour la mort de son frère. Plus tard dans la journée, elle apprit que sa belle-soeur était retenue prisonnière et que son beau-frère marchait sur Arétria pour s'emparer de son neveu, le dernier des Wenden mais également que dans son testament, Aliénor se voyait accorder la seigneurie de Wenden ainsi que la monture fort célèbre de son frère.</div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"><img src="https://i.imgur.com/p5kmBow.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 5 - Jour 3</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Walther de Hohenburg ♣ Arnoul de Stern</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Au nom du fils -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22401-au-nom-du-fils-alienor-arnoul">www</a> |
Alors qu'elle était souffrante un peu plus tôt, Aliénor revêtit son armure et ordonna à ses hommes de se tenir prêt à partir défendre Arétria. Si la marche avait commencé avec une poignée d'hommes, Aliénor fut néanmoins à la tête d'une véritable armée en arrivant à Arétria-la-ville pour la défendre. Au prix de quelques efforts, ils parvinrent à repousser l'ennemi qui prit la fuite. A peine arrivés et accueillis en héros dans Arétria-la-ville, le Sénéchal d'Arétria annonça la mort de la Comtesse Iselda et la réunion d'un conseil des vassaux afin de prêter allégeance à leur nouveau seigneur et désigner son régent. A sa grande surprise, Aliénor fut désignée. Son geste d'avoir pris immédiatement les armes pour défendre son neveu lui apporta le respect de ses vassaux. Une nouvelle vie alors commence. </div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/loXVkcU.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 5 - Jour 7</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Niklaus d'Atemberg ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Correspondance entre le baron d'Apreplaine et la Dame de Wenden -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22352-correspondance-entre-le-baron-d-apreplaine-et-la-dame-de-wenden">www</a> |
Le baron d'Apreplaine Niklaus d'Atemberg fait part à la nouvelle régente de toutes ses condoléances pour la perte de son frère et lui prie de croire en son amitié en ces instants pénibles.</div>
</td></tr><tr><td width=25% style="border: 0;"><center><img src="https://i.imgur.com/0MZdDoF.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; height: 100px; border-top-left-radius: 15px;"></center></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Ennéade 9 - Jour 9</div>
<div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #51919C; font-variant: small-caps; font-weight: bold;">Walther de Hohenburg ♣</span>
<span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- Quand l'hiver touche à son terme -</span> <a style="font-size: 16px; font-style: italic; font-family: arial narrow; color: #95879E;" href="http://miradelphia.forumpro.fr/t22489-quand-l-hiver-touche-a-son-terme-alienor">www</a> |
Voici quelques semaines qu'Aliénor a prit ses fonctions de régent. Installée désormais dans le château d'Arétria-la-ville elle prend ses marques et tâches de se préparer au rôle qui lui est désormais dévolu, tout en préparant la levée du ban. Walther vint alors la saluer pour lui annoncer qu'il rentre dans sa famille qui a désespérément besoin de lui. Même si elle se sent triste de perdre un ami si proche en des temps si difficiles, Aliénor comprend toutefois sa décision et ne s'y oppose pas. Néanmoins, elle n'est pas tout à fait prête à laisser partir un si précieux ami et lui offre le poste de Premier Conseil du Comté d'Arétria, qu'il accepte pour leur plus grand bonheur.</div>
</td></tr></div>
</table></div>
</div>
</div>

C’est ça qui m’étonne car c’est basé exactement sur le même codage avec des margin négatifs et tout mais celui-ci ne bug pas :/

[Scoubifitz]

Je ne sais pas si c'est la source du problème, mais j'ai repéré une div juste après ce titre, qui n'a pas de class :

Code:

<div>Statut : Disponible pour RP</div><span>Aliénor de Wenden</span></div>

Même si c'est un peu hors sujet par rapport à la question précédente , il y a bien une class ... un peu avant :

Code:

<div class="prezstatut"><div>Statut : Disponible pour RP</div><span>Aliénor de Wenden</span></div>

 

C’est ça qui m’étonne car c’est basé exactement sur le même codage avec des margin négatifs et tout mais celui-ci ne bug pas :/

Trouvé ! Après test , il est possible d'avoir plus de div fermées qu'ouvertes sans que ça bugge , mais pas moins .
Les fermetures de table annulent les div fermées supplémentaires . il faut donc autant de < div>< /div> en dehors des table .

IL faut quand même avouer que des margin négatifs ce n'est pas le top ... et que le code manque de structure .
Il est plus simple de modifier le visuel en changeant une class , que de copier-coller cette modification pour chaque élément .

[pizinette]

D'accord,

merci à vous deux pour toutes ces réponses. Pour le moment (et tant que ça ne bug pas) je vais laisser en l'état mais pour les prochaines fois, je ferai des codes avec la méthode du css en style juste au début ^^

Encore merci beaucoup