Gestion du débordement des textes dans une fiche de personnage codée

[Plumett3]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 20/08/2023
Lien du forum : https://thevagariesoftime.forumactif.com/

Description du problème

Bien le bonjour à vous. Tout d'abord, merci de l'attention que vous porterez à mon petit soucis ici présent.
Alors, nous avons récemment changé de code pour la fiche de présentation de nos membres. Et comme vous pouvez le constater, les écritures "débordent" du Codage 🥲 ce n'est pas dramatique, mais pas très esthétique non plus hélas 🥲

Y aurait-il moyen d'y remédier ?
Merci beaucoup d'avance ?

Voici le codage si besoin :

Code:

<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<style type="text/css"> .div_fond { background-color: #ffffff; border: 1px solid #000; border-bottom: 3px solid #000; border-radius: 0px 0px 5px 5px; } .div_irl { background-color: #ffffff; border: 1px solid #000; border-bottom: 3px solid #000; border-radius: 0px 0px 5px 5px; width: 400px; height: 100px; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; position: relative; margin-top: -220px; } .div_irl:hover { margin-top: -165px; -webkit-transition: margin 1s ease-in; -moz-transition: margin 1s ease-in; -ms-transition: margin 1s ease-in; -o-transition: margin 1s ease-in;  transition: margin 1s ease-in; position: relative; } .pseudo { margin-top: -16px; font-family: 'Playball', cursive; font-size: 35px; color: #6489AC; text-shadow: 1px 1px 1px #000; text-align: center; } .icon { width: 80px; height: 80px; box-shadow: 1px 1px 2px #000; margin-right: 5px; } .titre { font-family: 'Audiowide', cursive; font-size: 20px; letter-spacing: -1px; color: #6489AC; border-bottom: 1px solid #434e4b; text-shadow: 1px 1px 1px #000; text-align: left; margin-left: 5px; margin-top: -5px; } .credit { background-color: #505050; width: 200px; height: 15px; line-height: 15px; font-family: 'Audiowide', cursive; font-size: 12px; color: #6489AC; text-align: center; } .questions_id { font-family: 'Audiowide', cursive; color: #6489AC; font-size: 13px; } .select_option { font-family: 'Audiowide', cursive; font-size: 12px; color: #ffffff; background-color: #d6dfe7; border: none; padding: 3px; text-transform: small-caps; margin-top: 5px; margin-bottom: -5px; }</style>

<center><div style="background: none; width: 500px; height: 1250px;">
<div style="width: 500px; height: 1100px; z-index: 1; position: absolute;" class="div_fond"><img src="https://thumbs.gfycat.com/EnragedEvenAndalusianhorse-size_restricted.gif" style="border-bottom: 6px double #434e4b; width: 500px;" /><div class="pseudo">[color=#6489ac]Luna[/color] [color=#6489ac]Lovegood[/color]</div><center>
<img src="https://i.pinimg.com/originals/08/99/09/089909a5ff300905ee9e2a5d38dbbb19.jpg" class="icon" /> <img src="https://i.pinimg.com/originals/67/6e/24/676e24602e26a982c20580166fe57738.png" class="icon" /> <img src="https://i.pinimg.com/474x/ff/60/e3/ff60e36da94aa3c4176a1acb4629d4c4.jpg" class="icon" /></center><p class="titre">ID CARD</p><table height="340px" width="500px" cellpadding="4" style="margin-top: -35px;"><tr width="500px"><td width="200px" rowspan="2" height="340px"><img src="https://i.servimg.com/u/f94/19/08/88/93/b77dfc10.jpg"/><div class="credit">:copyright: ezek</div></td><td width="300px" height="200px" style="font-family: trebuchet ms; color: #505050; font-size: 11px;"><font class="questions_id">Âge et date de naissance :</font> 17 ans / 13 février 1981
<font class="questions_id">Nationalité :</font> Britannique, plus précisément elle est née et vit à Loutry Ste Chaspoule
<font class="questions_id">Nature du sang :</font> Sang-Pur
<font class="questions_id">Statut civil :</font> Célibataire
<font class="questions_id">Orientation sexuelle :</font> elle ne sait pas
<font class="questions_id">Métier • Étude :</font> étudiante à Poudlard
<font class="questions_id">Époque d'où vient ton personnage :</font> 1997
<font class="questions_id">Groupe souhaité :</font> Wizzard
<font class="questions_id">FT</font> Evanna Lynch
<table align="center"><tr><td><select class="select_option"><option>Physique</option>
<option>Blonde</option>
<option>Yeux bleu</option>
<option>Peau blanche</option>
<option>Tenues excentriques</option>
<option>Accessoires excentriques</option>
<option>Chaussettes dépareillés</option>
<option>Cicatrice dû aux tortures</option></select></td><td><select class="select_option"><option>Caractère</option>
<option>Rêveuse</option>
<option>Calme</option>
<option>profondément sincère</option>
<option>Ne porte aucun jugement</option>
<option>Naïve</option>
<option>Optimiste</option>
<option>Douce</option></select></td></tr></table></td>
</tr><tr><td width="280px; height="140px"><div style="width: 280px; height: 140px; overflow: auto; font-family: trebuchet ms; color: #505050; font-size: 11px; text-align: justify; padding: 1x;">[b][color=#6489AC]Baguette :[/color][/b] Bois de chêne blanc, crin de licorne, 28 cm, très souple | [b][color=#6489AC]Don(s) et/ou Particularité (s) :[/color][/b] Elle est dotée d'une clairvoyance mélangé à de la très forte empathie qui peut dérouter certaines personnes. Elle a aussi de nombreuse marque lors des tortures et des abus subit quand elle était détenus dans les cachots des Manoirs des Malefoy. | [b][color=#6489AC]Patronus :[/color][/b] Un lièvre. | [b][color=#6489AC]Épouvantard[/color][/b] : Perdre son père, la seule famille qui lui reste.

Elle peut voir les Sombral depuis l'âge de 9 ans. | Doté d'une très grande intuition qu'on pense qu'elle pourrait lire l'âme des gens | Elle ne comprend pas le sarcasme | Elle connait un rayon sur le langage des fleurs et des plantes | Luna n'est pas folle, le chicaneur doit se lire à l'envers et avec les lunettes qui vont avec. | adore par dessus tout peindre | Sa première toile d'amitié concerne : Le golden trio, Neville et Ginny. |  </div></td></tr></table><p class="titre">HISTORY</p><table height="340px" width="500px" cellpadding="4" style="margin-top: -35px;"><tr width="500px"><td width="300px" height="50px" style="font-family: 'Playball', cursive; height: 50px; color: #6489AC; font-size: 15px; text-align: justify; overflow: auto; line-height: 12px;">cTout homme s’enrichit quand abonde l’esprit.</td><td width="200px" rowspan="2" height="340px"><img src="https://64.media.tumblr.com/f3e4a3991799454bef19714f0c23d059/tumblr_ovrxueHid91tzmyn9o3_250.pnj" /><div class="credit">:copyright: ezek</div></td></tr><tr><td width="280px; height="290px"><div style="width: 280px; height: 285px; overflow: auto; font-family: trebuchet ms; color: #505050; font-size: 11px; text-align: justify; padding: 1px;">J'ai retrouvé un carnet que m'avais offert Ginny, un jour.
Il y a des tournesols sur la couverture.
Ginny est très gentille.

Je crois savoir ce que je vais y mettre dedans ; mon histoire et mes avancés sur le ronflak cornu. Je crois bien qu'elle m'a dit d'y mettre mes pensées alors je vais le faire en commençant par écrire mon histoire, peut-être, qu'un jour, quelqu'un tombera dessus et pensera un peu à moi.

13 février 1981 - 02 juillet 1990

Ça serait un mensonge de dire que je me souvienne de ma naissance mais maman me la raconté si nombreuse fois. Je suis née le 13 février, la lune était toute ronde, c'est pour cela qu'on m'appeler Luna. J'étais une enfant très calme, très imaginative, j'adorais peindre, parce que maman peignait... et elle m'a tout appris. Papa m'a appris à aimer et respecter les animaux, j'ai adoré mon enfance, parfois j'y repense quand tout était facile quand on est enfant.
On était isolé de tout mais on était heureux mes parents, moi, le potager et les lapins.
Tout était parfait jusqu'à ce que maman décide de faire une expérience, un sort qui s'est retournée contre elle-même. Je crois que j'ai pleuré beaucoup ce jour-là, papa n'a plus été trop le même mais il continue d'être gentil avec moi. Cet événement de ma vie a été un peu oublié comme un fragment dispersé de mon subconscient surement de l'immense chagrin que j'avais mais je me rappelle juste que parfois la nuit, Papa venait me voir et me disait que je ressemblais à maman. C'est un beau compliment. Maman était très belle et le fait que je peux lui ressemblait mais ce soir-là, j'étais dans un monde merveilleux. Je courrais dans les champs d'un soleil d'été radieux, j'étais heureuse. Quand le rêve se finit, papa était assis et pleurait pendant que moi je le consolais en lui disant que maman doit être heureuse là haut.

01 septembre 1992

Me voilà à Poudlard ! J'avais très hâte d'y être. Je ne connais personne, bien sur mais ce n'est qu'une question de temps avant qu'on devienne tous amis. Je serais à Serdaigle, toute ma famille y était. En cette occasion de fête et de nouveauté je portais une couronne de fleur en œillet blanc signifiant le nouveau départ et d'optimisme pour le futur. Tout le monde me regarde, certains ris et d'autres me dévisage, mais ce n'est pas grave, ça éloigne les joncheruines loin de mon aura et cela ne me touche à peine si je leur explique peut-être qu'ils comprendront ? Arrivé à Poudlard, je balaye du regard tous les anciens déjà attablé mais mon regard se pose sur un des professeurs vêtu de noir, il a le regard le plus triste que je n'ai jamais vu, il a tant de joncheruines autour de sa tête et ceux depuis des années.

- Luna Lovegood !

Oh, il me regarde ! Je devrais arrêter de le fixer de la sorte, non ? Son regard est encore plus perçant que je ne peux pas imaginer les tristesses qu'il a connue dans sa vie. Quelqu'un me pousse ce qui me fait sortir de mes rêveries, ce qui provoque des petits ricanements des camarades que j'ignore et je m'approche du Choixpeau. Il a peine effleuré ma tête qu'il s'écria "Serdaigle !" Je le savais ! C'est en sautillant que je vais à la table des aigles.

La première année a été un peu difficile pour moi, je dois le reconnaître, je m'étais faite d’illusion de me faire des amis mais ce n'est pas grave, parfois, je vais dans les écuries pour caresser et parler aux sombrals. Ce sont des créatures magnifique que les gens pensent à tort qu'ils portent malheurs mais pour moi ce sont des créatures incomprises, mal-aimés injustement alors qu'ils sont d'une douceur incroyable. Si j'étais un créature magique je serais sans doute un sombral... ou une grenouille lunaire.

13 février 1992

Aujourd'hui j'ai douze ans. Papa m'a envoyé les quelques sucreries que j'aime mais surtout un super ouvrage sur les animaux fantastiques, il sait que j'ai toujours voulu devenir magizoologistes mais surtout je sens qu'il va se passer de quelque chose de bien qui va se produire. Pour l'instant je n'ai plus de chaussures et mes chaussettes ont également disparus, c'est embêtant parce qu'il fait froid dehors. Je n'ai pas beaucoup de cours pour cette journée, donc j'irais à la recherche de mes chaussures, même s'il a fallut une retenue et des points en moins dans ma maison mais j'ai retrouvé mes chaussures le soir par le clair de lune. Ils s'étaient accrochés en haut d'un arbre, et bien sûr, je n'ai pas encore appris à lancer le sort accio. Je regardais les chaussures comme ci elles allaient descendre par elles-mêmes.

- Que fais-tu ?

Je tourne la tête, une rousse de la maison Gryffondor, pourtant je n'avais pas l'impression qu'elle était complètement elle-même. Le carnet qu'elle tenait dans ses mains ne m'inspirait pas confiance pourtant je m'adressais à cette part de lumière qui était encore en elle.

- Mes chaussures ont mystérieusement atterris la haut... Des élèves voulaient me faire une petite blague.

en cours</td>
</tr></table></div></div>

<div class="div_irl"><table width="400px" cellpadding="3"><tr width="100px"><td width="100px" rowspan="2" height="100px"><img src="https://i.imgbox.com/ueU2u1uz.png" style="margin-top: -10px; margin-left: -5px; border-radius: 0px 0px 0px 5px;" /></td><td width="300px" height="20px"><p class="titre">AND YOU ?!</p></tr><tr><td width="300px; height="80px"><div style="width: 280px; height: 70px; overflow: auto; font-family: trebuchet ms; color: #505050; font-size: 11px; text-align: justify; padding: 1x; margin-top: -25px;">Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie.</div></td></tr></table></div></div></center>

[MlleAlys]

Bonjour,
Un drôle de mélange de hauteurs fixes, de position absolue, de marges négatives...
Pour ma part j'ai un peu envie de retravailler la structure de la fiche, éviter les tableaux, mettre les style dans le code css, et revenir à un affichage plus simple, afin d'avoir un codage plus facile à utiliser pour les membres, et plus sûr pour éviter les bugs (et s'il en reste qu'ils se corrigent plus facilement ! ; si ça vous va ?

EDIT : ce qui peut donner ça pour ce qui est de votre modèle :

Code:

<div class="prez-cadre"><img src="https://thumbs.gfycat.com/HarshWiltedAlaskanhusky-size_restricted.gif" class="prez-bann"/>
<span class="prez-pseudo">Prénom P² Nom</span>

<span class="prez-icons"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRDhFMfyLVUZq_umKLTFwsMwjVyJQ7RgsPyCw&usqp=CAU"/> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRa-mVkna6LAWNghmGQK6B5xj-dxc98As5mY6y-n_OG-iWli_aa8N6U-cY_Dh8-76_ng5k&usqp=CAU"/> <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/01590e58-6f6a-4ec3-a5b7-1b424b6fe7e2/dch6wfd-3ff8e1c7-744e-43e7-b5a3-7af1896728b5.jpg/v1/fill/w_894,h_894,q_70,strp/charlie_weasley_aesthetic_by_obviouslysnape_dch6wfd-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTAyNCIsInBhdGgiOiJcL2ZcLzAxNTkwZTU4LTZmNmEtNGVjMy1hNWI3LTFiNDI0YjZmZTdlMlwvZGNoNndmZC0zZmY4ZTFjNy03NDRlLTQzZTctYjVhMy03YWYxODk2NzI4YjUuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.Ly_78JaWopeyW2mjaNXFBoZZKB6KKbJUQ5AMRHFqDio"/></span>

<span class="prez-titre">ID CARD</span>
<img class="prez-ava1" src="https://64.media.tumblr.com/9426733b723d09ab52b571a38fee5a4e/tumblr_ovrxueHid91tzmyn9o1_250.pnj" />
<span class="prez-idlist">[b]Âge et date de naissance :[/b] réponse ici
[b]Nationalité :[/b] réponse ici
[b]Nature du sang :[/b] réponse ici
[b]Statut civil :[/b] réponse ici
[b]Orientation sexuelle :[/b] réponse ici
[b]Métier • Étude :[/b] réponse ici
[b]Époque d'où vient ton personnage :[/b] réponse ici
[b]Groupe souhaité :[/b] réponse ici
[b]FT [/b]réponse ici</span>
<select><option>Physique</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
<option>option 7</option>
</select><select><option>Caractère</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
<option>option 7</option></select>
<span class="prez-anecdotes">[b]Baguette :[/b] | [b]Don(s) et/ou Particularité (s) :[/b] | [b]Patronus :[/b] | [b]Épouvantard[/b] : | info sur ton personnage | anecdote sur ton personnage | info sur ton personnage | anecdote sur ton personnage | ...
</span>

<span class="prez-titre">HISTORY</span>
<img class="prez-ava2" src="https://64.media.tumblr.com/f3e4a3991799454bef19714f0c23d059/tumblr_ovrxueHid91tzmyn9o3_250.pnj" />
<span class="prez-cita">citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation  (pas trop longue)</span>
<span class="prez-story">Histoire de ton personnage à placer ici. Racontes son enfance, ses souvenirs, ses joies, ses peines, ses rêves, sa situation actuelle, etc.

Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.

Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit. histoire de ton personnage à  placer ici. Racontes son enfance, ses souvenirs, ses joies, ses peines, ses rêves, sa situation actuelle, etc. Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.

Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit.
</span>

</div><div class="prez-irl"><img src="https://i.imgbox.com/ueU2u1uz.png" /><span class="prez-titre">AND YOU ?</span>
<span class="prez-irlinfos">Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie.</span></div>

<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<style>.prez-pseudo,.prez-titre{text-shadow:1px 1px 1px #000}.prez-cadre,.prez-irl{background-color:#fff;position:relative}.prez-cadre{width:500px;margin:auto;text-align:center;line-height:normal;border:1px solid #000;border-bottom:3px solid #000;border-radius:0 0 5px 5px;z-index:1;font-family:trebuchet ms;font-size:11px;color:#000}.prez-bann,.prez-pseudo,.prez-titre{display:inline-block;width:100%}.prez-ava1,.prez-ava2{margin:5px;object-fit:cover}.prez-cadre *,.prez-irl *{box-sizing:border-box}.prez-pseudo{color:#6489ac;font-family:Playball,cursive;font-size:35px;line-height:0;border-bottom:6px double #434e4b}.prez-cadre select,.prez-idlist strong,.prez-titre{font-family:Audiowide,cursive}.prez-icons img{width:80px;height:80px;object-fit:cover;margin-right:5px;box-shadow:1px 1px 2px #000}.prez-titre{font-size:20px;letter-spacing:-1px;color:#6489ac;border-bottom:1px solid #434e4b;text-align:left;padding-left:5px;clear:both}.prez-ava1{float:left;width:180px;height:320px}.prez-anecdotes,.prez-idlist{width:310px;display:inline-block;overflow:auto}.prez-idlist{text-align:left;height:180px;line-height:17px;padding:0 5px}.prez-idlist strong{font-weight:400;color:#6489ac;font-size:12px}.prez-cadre select{font-size:12px;color:#fff;background-color:#a1c1df;border:none;padding:3px;width:28%;margin:5px 5px 10px}.prez-cadre option{font-family:trebuchet ms}.prez-anecdotes{height:100px;color:#505050;text-align:justify;padding:5px;line-height:15px}.prez-anecdotes strong,.prez-cita{color:#6489ac}.prez-ava2{float:right;width:180px;height:320px}.prez-cita,.prez-story{width:310px;line-height:15px;display:inline-block;overflow:auto}.prez-cita{padding:0 5px;font-family:Playball,cursive;font-size:15px;height:50px}.prez-story{padding:0 5px 0 10px;height:265px;text-align:justify}.prez-irl{border:1px solid #000;border-bottom:3px solid #000;border-top:0;border-radius:0 0 5px 5px;width:400px;height:100px;margin:auto;transition:1s ease-out;top:-50px}.prez-irl:hover{top:0}.prez-irl img{width:100px;height:100px;object-fit:cover;float:left}.prez-irl span.prez-titre{width: 300px;}.prez-irlinfos{width:300px;display:inline-block;padding:5px;line-height:15px;font-size:10px;height:80px;overflow:auto}</style>

Et donc pour la fiche de Luna :

Code:

<div class="prez-cadre"><img src="https://thumbs.gfycat.com/EnragedEvenAndalusianhorse-size_restricted.gif" class="prez-bann"/>
<span class="prez-pseudo">Luna Lovegood</span>

<span class="prez-icons"><img src="https://i.pinimg.com/originals/08/99/09/089909a5ff300905ee9e2a5d38dbbb19.jpg"/> <img src="https://i.pinimg.com/originals/67/6e/24/676e24602e26a982c20580166fe57738.png"/> <img src="https://i.pinimg.com/474x/ff/60/e3/ff60e36da94aa3c4176a1acb4629d4c4.jpg"/></span>

<span class="prez-titre">ID CARD</span>
<img class="prez-ava1" src="https://i.servimg.com/u/f94/19/08/88/93/b77dfc10.jpg" />
<span class="prez-idlist">[b]Âge et date de naissance :[/b] 17 ans / 13 février 1981
[b]Nationalité :[/b] Britannique, plus précisément elle est née et vit à Loutry Ste Chaspoule
[b]Nature du sang :[/b] Sang-Pur
[b]Statut civil :[/b] Célibataire
[b]Orientation sexuelle :[/b] elle ne sait pas
[b]Métier • Étude :[/b] étudiante à Poudlard
[b]Époque d'où vient ton personnage :[/b] 1997
[b]Groupe souhaité :[/b] Wizzard
[b]FT [/b]Evanna Lynch</span>
<select><option>Physique</option>
<option>Blonde</option>
<option>Yeux bleus</option>
<option>Peau blanche</option>
<option>Tenues excentriques</option>
<option>Accessoires excentriques</option>
<option>Chaussettes dépareillées</option>
<option>Cicatrice dû aux tortures</option>
</select><select><option>Caractère</option>
<option>Rêveuse</option>
<option>Calme</option>
<option>Profondément sincère</option>
<option>Ne porte aucun jugement</option>
<option>Naïve</option>
<option>Optimiste</option>
<option>Douce</option></select>
<span class="prez-anecdotes">[b]Baguette :[/b] Bois de chêne blanc, crin de licorne, 28 cm, très souple. | [b]Don(s) et/ou Particularité (s) :[/b] Elle est dotée d'une clairvoyance mélangé à de la très forte empathie qui peut dérouter certaines personnes. Elle a aussi de nombreuse marque lors des tortures et des abus subit quand elle était détenus dans les cachots des Manoirs des Malefoy. | [b]Patronus :[/b] Un lièvre. | [b]Épouvantard[/b] : Perdre son père, la seule famille qui lui reste.
Elle peut voir les Sombral depuis l'âge de 9 ans. | Doté d'une très grande intuition qu'on pense qu'elle pourrait lire l'âme des gens | Elle ne comprend pas le sarcasme | Elle connait un rayon sur le langage des fleurs et des plantes | Luna n'est pas folle, le chicaneur doit se lire à l'envers et avec les lunettes qui vont avec. | adore par dessus tout peindre | Sa première toile d'amitié concerne : Le golden trio, Neville et Ginny.
</span>

<span class="prez-titre">HISTORY</span>
<img class="prez-ava2" src="https://64.media.tumblr.com/f3e4a3991799454bef19714f0c23d059/tumblr_ovrxueHid91tzmyn9o3_250.pnj" />
<span class="prez-cita">Tout homme s’enrichit quand abonde l’esprit.</span>
<span class="prez-story">J'ai retrouvé un carnet que m'avais offert Ginny, un jour.
Il y a des tournesols sur la couverture.
Ginny est très gentille.

Je crois savoir ce que je vais y mettre dedans ; mon histoire et mes avancés sur le ronflak cornu. Je crois bien qu'elle m'a dit d'y mettre mes pensées alors je vais le faire en commençant par écrire mon histoire, peut-être, qu'un jour, quelqu'un tombera dessus et pensera un peu à moi.

13 février 1981 - 02 juillet 1990

Ça serait un mensonge de dire que je me souvienne de ma naissance mais maman me la raconté si nombreuse fois. Je suis née le 13 février, la lune était toute ronde, c'est pour cela qu'on m'appeler Luna. J'étais une enfant très calme, très imaginative, j'adorais peindre, parce que maman peignait... et elle m'a tout appris. Papa m'a appris à aimer et respecter les animaux, j'ai adoré mon enfance, parfois j'y repense quand tout était facile quand on est enfant.
On était isolé de tout mais on était heureux mes parents, moi, le potager et les lapins.
Tout était parfait jusqu'à ce que maman décide de faire une expérience, un sort qui s'est retournée contre elle-même. Je crois que j'ai pleuré beaucoup ce jour-là, papa n'a plus été trop le même mais il continue d'être gentil avec moi. Cet événement de ma vie a été un peu oublié comme un fragment dispersé de mon subconscient surement de l'immense chagrin que j'avais mais je me rappelle juste que parfois la nuit, Papa venait me voir et me disait que je ressemblais à maman. C'est un beau compliment. Maman était très belle et le fait que je peux lui ressemblait mais ce soir-là, j'étais dans un monde merveilleux. Je courrais dans les champs d'un soleil d'été radieux, j'étais heureuse. Quand le rêve se finit, papa était assis et pleurait pendant que moi je le consolais en lui disant que maman doit être heureuse là haut.

01 septembre 1992

Me voilà à Poudlard ! J'avais très hâte d'y être. Je ne connais personne, bien sur mais ce n'est qu'une question de temps avant qu'on devienne tous amis. Je serais à Serdaigle, toute ma famille y était. En cette occasion de fête et de nouveauté je portais une couronne de fleur en œillet blanc signifiant le nouveau départ et d'optimisme pour le futur. Tout le monde me regarde, certains ris et d'autres me dévisage, mais ce n'est pas grave, ça éloigne les joncheruines loin de mon aura et cela ne me touche à peine si je leur explique peut-être qu'ils comprendront ? Arrivé à Poudlard, je balaye du regard tous les anciens déjà attablé mais mon regard se pose sur un des professeurs vêtu de noir, il a le regard le plus triste que je n'ai jamais vu, il a tant de joncheruines autour de sa tête et ceux depuis des années.

- Luna Lovegood !

Oh, il me regarde ! Je devrais arrêter de le fixer de la sorte, non ? Son regard est encore plus perçant que je ne peux pas imaginer les tristesses qu'il a connue dans sa vie. Quelqu'un me pousse ce qui me fait sortir de mes rêveries, ce qui provoque des petits ricanements des camarades que j'ignore et je m'approche du Choixpeau. Il a peine effleuré ma tête qu'il s'écria "Serdaigle !" Je le savais ! C'est en sautillant que je vais à la table des aigles.

La première année a été un peu difficile pour moi, je dois le reconnaître, je m'étais faite d’illusion de me faire des amis mais ce n'est pas grave, parfois, je vais dans les écuries pour caresser et parler aux sombrals. Ce sont des créatures magnifique que les gens pensent à tort qu'ils portent malheurs mais pour moi ce sont des créatures incomprises, mal-aimés injustement alors qu'ils sont d'une douceur incroyable. Si j'étais un créature magique je serais sans doute un sombral... ou une grenouille lunaire.

13 février 1992

Aujourd'hui j'ai douze ans. Papa m'a envoyé les quelques sucreries que j'aime mais surtout un super ouvrage sur les animaux fantastiques, il sait que j'ai toujours voulu devenir magizoologistes mais surtout je sens qu'il va se passer de quelque chose de bien qui va se produire. Pour l'instant je n'ai plus de chaussures et mes chaussettes ont également disparus, c'est embêtant parce qu'il fait froid dehors. Je n'ai pas beaucoup de cours pour cette journée, donc j'irais à la recherche de mes chaussures, même s'il a fallut une retenue et des points en moins dans ma maison mais j'ai retrouvé mes chaussures le soir par le clair de lune. Ils s'étaient accrochés en haut d'un arbre, et bien sûr, je n'ai pas encore appris à lancer le sort accio. Je regardais les chaussures comme ci elles allaient descendre par elles-mêmes.

- Que fais-tu ?

Je tourne la tête, une rousse de la maison Gryffondor, pourtant je n'avais pas l'impression qu'elle était complètement elle-même. Le carnet qu'elle tenait dans ses mains ne m'inspirait pas confiance pourtant je m'adressais à cette part de lumière qui était encore en elle.

- Mes chaussures ont mystérieusement atterris la haut... Des élèves voulaient me faire une petite blague.

en cours
</span>

</div><div class="prez-irl"><img src="https://i.imgbox.com/ueU2u1uz.png" /><span class="prez-titre">AND YOU ?</span>
<span class="prez-irlinfos">Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie.</span></div>

<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<style>.prez-pseudo,.prez-titre{text-shadow:1px 1px 1px #000}.prez-cadre,.prez-irl{background-color:#fff;position:relative}.prez-cadre{width:500px;margin:auto;text-align:center;line-height:normal;border:1px solid #000;border-bottom:3px solid #000;border-radius:0 0 5px 5px;z-index:1;font-family:trebuchet ms;font-size:11px;color:#000}.prez-bann,.prez-pseudo,.prez-titre{display:inline-block;width:100%}.prez-ava1,.prez-ava2{margin:5px;object-fit:cover}.prez-cadre *,.prez-irl *{box-sizing:border-box}.prez-pseudo{color:#6489ac;font-family:Playball,cursive;font-size:35px;line-height:0;border-bottom:6px double #434e4b}.prez-cadre select,.prez-idlist strong,.prez-titre{font-family:Audiowide,cursive}.prez-icons img{width:80px;height:80px;object-fit:cover;margin-right:5px;box-shadow:1px 1px 2px #000}.prez-titre{font-size:20px;letter-spacing:-1px;color:#6489ac;border-bottom:1px solid #434e4b;text-align:left;padding-left:5px;clear:both}.prez-ava1{float:left;width:180px;height:320px}.prez-anecdotes,.prez-idlist{width:310px;display:inline-block;overflow:auto}.prez-idlist{text-align:left;height:180px;line-height:17px;padding:0 5px}.prez-idlist strong{font-weight:400;color:#6489ac;font-size:12px}.prez-cadre select{font-size:12px;color:#fff;background-color:#a1c1df;border:none;padding:3px;width:28%;margin:5px 5px 10px}.prez-cadre option{font-family:trebuchet ms}.prez-anecdotes{height:100px;color:#505050;text-align:justify;padding:5px;line-height:15px}.prez-anecdotes strong,.prez-cita{color:#6489ac}.prez-ava2{float:right;width:180px;height:320px}.prez-cita,.prez-story{width:310px;line-height:15px;display:inline-block;overflow:auto}.prez-cita{padding:0 5px;font-family:Playball,cursive;font-size:15px;height:50px}.prez-story{padding:0 5px 0 10px;height:265px;text-align:justify}.prez-irl{border:1px solid #000;border-bottom:3px solid #000;border-top:0;border-radius:0 0 5px 5px;width:400px;height:100px;margin:auto;transition:1s ease-out;top:-50px}.prez-irl:hover{top:0}.prez-irl img{width:100px;height:100px;object-fit:cover;float:left}.prez-irl span.prez-titre{width: 300px;}.prez-irlinfos{width:300px;display:inline-block;padding:5px;line-height:15px;font-size:10px;height:80px;overflow:auto}</style>

[Plumett3]

Helloooooo
Merci beaucoup pour ton retour

Alors je suis toute ouïe et oui, évidemment le plus important effectivement demeure quelque chose de simple d'utilisation pour les membres

Mille mercis pour ton aide

[MlleAlys]

Si le code précédent vous convient, vous pouvez rester sur ça, ça parait être un bon compromis.
Avec une petite modif cependant, j'ai vu un décalage sur téléphone, qui se règle avec 2px de moins de large sur certains blocs ^^" : Il faut modifier les width:310px; en width:308px; et les width:300px; en width:298px;
J'ai également retiré une hauteur fixe sur le bloc "irl" qui évitera un débordement moche au cas où ça coincerait encore (mais normalement ça devrait être bon).
Pour alléger ce code il peut être possible de mettre le css dans la feuille de style du forum, mais c'est un peu plus pénible à gérer lors des changements de thème du forum.
Dans cette idée, j'ai également ajouté une propriété css sur les blocs principaux pour que le texte reste bien noir sur le fond blanc en cas de changement de thème.

Modèle :

Code:

<div class="prez-cadre"><img src="https://thumbs.gfycat.com/HarshWiltedAlaskanhusky-size_restricted.gif" class="prez-bann"/>
<span class="prez-pseudo">Prénom P² Nom</span>

<span class="prez-icons"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRDhFMfyLVUZq_umKLTFwsMwjVyJQ7RgsPyCw&usqp=CAU"/> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRa-mVkna6LAWNghmGQK6B5xj-dxc98As5mY6y-n_OG-iWli_aa8N6U-cY_Dh8-76_ng5k&usqp=CAU"/> <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/01590e58-6f6a-4ec3-a5b7-1b424b6fe7e2/dch6wfd-3ff8e1c7-744e-43e7-b5a3-7af1896728b5.jpg/v1/fill/w_894,h_894,q_70,strp/charlie_weasley_aesthetic_by_obviouslysnape_dch6wfd-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTAyNCIsInBhdGgiOiJcL2ZcLzAxNTkwZTU4LTZmNmEtNGVjMy1hNWI3LTFiNDI0YjZmZTdlMlwvZGNoNndmZC0zZmY4ZTFjNy03NDRlLTQzZTctYjVhMy03YWYxODk2NzI4YjUuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.Ly_78JaWopeyW2mjaNXFBoZZKB6KKbJUQ5AMRHFqDio"/></span>

<span class="prez-titre">ID CARD</span>
<img class="prez-ava1" src="https://64.media.tumblr.com/9426733b723d09ab52b571a38fee5a4e/tumblr_ovrxueHid91tzmyn9o1_250.pnj" />
<span class="prez-idlist">[b]Âge et date de naissance :[/b] réponse ici
[b]Nationalité :[/b] réponse ici
[b]Nature du sang :[/b] réponse ici
[b]Statut civil :[/b] réponse ici
[b]Orientation sexuelle :[/b] réponse ici
[b]Métier • Étude :[/b] réponse ici
[b]Époque d'où vient ton personnage :[/b] réponse ici
[b]Groupe souhaité :[/b] réponse ici
[b]FT [/b]réponse ici</span>
<select><option>Physique</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
<option>option 7</option>
</select><select><option>Caractère</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
<option>option 7</option></select>
<span class="prez-anecdotes">[b]Baguette :[/b] | [b]Don(s) et/ou Particularité (s) :[/b] | [b]Patronus :[/b] | [b]Épouvantard[/b] : | info sur ton personnage | anecdote sur ton personnage | info sur ton personnage | anecdote sur ton personnage | ...
</span>

<span class="prez-titre">HISTORY</span>
<img class="prez-ava2" src="https://64.media.tumblr.com/f3e4a3991799454bef19714f0c23d059/tumblr_ovrxueHid91tzmyn9o3_250.pnj" />
<span class="prez-cita">citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation  (pas trop longue)</span>
<span class="prez-story">Histoire de ton personnage à placer ici. Racontes son enfance, ses souvenirs, ses joies, ses peines, ses rêves, sa situation actuelle, etc.

Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.

Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit. histoire de ton personnage à  placer ici. Racontes son enfance, ses souvenirs, ses joies, ses peines, ses rêves, sa situation actuelle, etc. Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.

Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit.
</span>

</div><div class="prez-irl"><img src="https://i.imgbox.com/ueU2u1uz.png" /><span class="prez-titre">AND YOU ?</span>
<span class="prez-irlinfos">Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie.</span></div>

<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<style>.prez-pseudo,.prez-titre{text-shadow:1px 1px 1px #000}.prez-cadre,.prez-irl{background-color:#fff;position:relative;color:black;}.prez-cadre{width:500px;margin:auto;text-align:center;line-height:normal;border:1px solid #000;border-bottom:3px solid #000;border-radius:0 0 5px 5px;z-index:1;font-family:trebuchet ms;font-size:11px;}.prez-bann,.prez-pseudo,.prez-titre{display:inline-block;width:100%}.prez-ava1,.prez-ava2{margin:5px;object-fit:cover}.prez-cadre *,.prez-irl *{box-sizing:border-box}.prez-pseudo{color:#6489ac;font-family:Playball,cursive;font-size:35px;line-height:0;border-bottom:6px double #434e4b}.prez-cadre select,.prez-idlist strong,.prez-titre{font-family:Audiowide,cursive}.prez-icons img{width:80px;height:80px;object-fit:cover;margin-right:5px;box-shadow:1px 1px 2px #000}.prez-titre{font-size:20px;letter-spacing:-1px;color:#6489ac;border-bottom:1px solid #434e4b;text-align:left;padding-left:5px;clear:both}.prez-ava1{float:left;width:180px;height:320px}.prez-anecdotes,.prez-idlist{width:308px;display:inline-block;overflow:auto}.prez-idlist{text-align:left;height:180px;line-height:17px;padding:0 5px}.prez-idlist strong{font-weight:400;color:#6489ac;font-size:12px}.prez-cadre select{font-size:12px;color:#fff;background-color:#a1c1df;border:none;padding:3px;width:28%;margin:5px 5px 10px}.prez-cadre option{font-family:trebuchet ms}.prez-anecdotes{height:100px;color:#505050;text-align:justify;padding:5px;line-height:15px}.prez-anecdotes strong,.prez-cita{color:#6489ac}.prez-ava2{float:right;width:180px;height:320px}.prez-cita,.prez-story{width:308px;line-height:15px;display:inline-block;overflow:auto}.prez-cita{padding:0 5px;font-family:Playball,cursive;font-size:15px;height:50px}.prez-story{padding:0 5px 0 10px;height:265px;text-align:justify}.prez-irl{border:1px solid #000;border-bottom:3px solid #000;border-top:0;border-radius:0 0 5px 5px;width:400px;margin:auto;transition:1s ease-out;top:-50px}.prez-irl:hover{top:0}.prez-irl img{width:100px;height:100px;object-fit:cover;float:left}.prez-irl span.prez-titre{width: 298px;}.prez-irlinfos{width:298px;display:inline-block;padding:5px;line-height:15px;font-size:10px;height:80px;overflow:auto;}</style>

Pour celle de Luna :

Code:

<div class="prez-cadre"><img src="https://thumbs.gfycat.com/EnragedEvenAndalusianhorse-size_restricted.gif" class="prez-bann"/>
<span class="prez-pseudo">Luna Lovegood</span>

<span class="prez-icons"><img src="https://i.pinimg.com/originals/08/99/09/089909a5ff300905ee9e2a5d38dbbb19.jpg"/> <img src="https://i.pinimg.com/originals/67/6e/24/676e24602e26a982c20580166fe57738.png"/> <img src="https://i.pinimg.com/474x/ff/60/e3/ff60e36da94aa3c4176a1acb4629d4c4.jpg"/></span>

<span class="prez-titre">ID CARD</span>
<img class="prez-ava1" src="https://i.servimg.com/u/f94/19/08/88/93/b77dfc10.jpg" />
<span class="prez-idlist">[b]Âge et date de naissance :[/b] 17 ans / 13 février 1981
[b]Nationalité :[/b] Britannique, plus précisément elle est née et vit à Loutry Ste Chaspoule
[b]Nature du sang :[/b] Sang-Pur
[b]Statut civil :[/b] Célibataire
[b]Orientation sexuelle :[/b] elle ne sait pas
[b]Métier • Étude :[/b] étudiante à Poudlard
[b]Époque d'où vient ton personnage :[/b] 1997
[b]Groupe souhaité :[/b] Wizzard
[b]FT [/b]Evanna Lynch</span>
<select><option>Physique</option>
<option>Blonde</option>
<option>Yeux bleus</option>
<option>Peau blanche</option>
<option>Tenues excentriques</option>
<option>Accessoires excentriques</option>
<option>Chaussettes dépareillées</option>
<option>Cicatrice dû aux tortures</option>
</select><select><option>Caractère</option>
<option>Rêveuse</option>
<option>Calme</option>
<option>Profondément sincère</option>
<option>Ne porte aucun jugement</option>
<option>Naïve</option>
<option>Optimiste</option>
<option>Douce</option></select>
<span class="prez-anecdotes">[b]Baguette :[/b] Bois de chêne blanc, crin de licorne, 28 cm, très souple. | [b]Don(s) et/ou Particularité (s) :[/b] Elle est dotée d'une clairvoyance mélangé à de la très forte empathie qui peut dérouter certaines personnes. Elle a aussi de nombreuse marque lors des tortures et des abus subit quand elle était détenus dans les cachots des Manoirs des Malefoy. | [b]Patronus :[/b] Un lièvre. | [b]Épouvantard[/b] : Perdre son père, la seule famille qui lui reste.
Elle peut voir les Sombral depuis l'âge de 9 ans. | Doté d'une très grande intuition qu'on pense qu'elle pourrait lire l'âme des gens | Elle ne comprend pas le sarcasme | Elle connait un rayon sur le langage des fleurs et des plantes | Luna n'est pas folle, le chicaneur doit se lire à l'envers et avec les lunettes qui vont avec. | adore par dessus tout peindre | Sa première toile d'amitié concerne : Le golden trio, Neville et Ginny.
</span>

<span class="prez-titre">HISTORY</span>
<img class="prez-ava2" src="https://64.media.tumblr.com/f3e4a3991799454bef19714f0c23d059/tumblr_ovrxueHid91tzmyn9o3_250.pnj" />
<span class="prez-cita">Tout homme s’enrichit quand abonde l’esprit.</span>
<span class="prez-story">J'ai retrouvé un carnet que m'avais offert Ginny, un jour.
Il y a des tournesols sur la couverture.
Ginny est très gentille.

Je crois savoir ce que je vais y mettre dedans ; mon histoire et mes avancés sur le ronflak cornu. Je crois bien qu'elle m'a dit d'y mettre mes pensées alors je vais le faire en commençant par écrire mon histoire, peut-être, qu'un jour, quelqu'un tombera dessus et pensera un peu à moi.

13 février 1981 - 02 juillet 1990

Ça serait un mensonge de dire que je me souvienne de ma naissance mais maman me la raconté si nombreuse fois. Je suis née le 13 février, la lune était toute ronde, c'est pour cela qu'on m'appeler Luna. J'étais une enfant très calme, très imaginative, j'adorais peindre, parce que maman peignait... et elle m'a tout appris. Papa m'a appris à aimer et respecter les animaux, j'ai adoré mon enfance, parfois j'y repense quand tout était facile quand on est enfant.
On était isolé de tout mais on était heureux mes parents, moi, le potager et les lapins.
Tout était parfait jusqu'à ce que maman décide de faire une expérience, un sort qui s'est retournée contre elle-même. Je crois que j'ai pleuré beaucoup ce jour-là, papa n'a plus été trop le même mais il continue d'être gentil avec moi. Cet événement de ma vie a été un peu oublié comme un fragment dispersé de mon subconscient surement de l'immense chagrin que j'avais mais je me rappelle juste que parfois la nuit, Papa venait me voir et me disait que je ressemblais à maman. C'est un beau compliment. Maman était très belle et le fait que je peux lui ressemblait mais ce soir-là, j'étais dans un monde merveilleux. Je courrais dans les champs d'un soleil d'été radieux, j'étais heureuse. Quand le rêve se finit, papa était assis et pleurait pendant que moi je le consolais en lui disant que maman doit être heureuse là haut.

01 septembre 1992

Me voilà à Poudlard ! J'avais très hâte d'y être. Je ne connais personne, bien sur mais ce n'est qu'une question de temps avant qu'on devienne tous amis. Je serais à Serdaigle, toute ma famille y était. En cette occasion de fête et de nouveauté je portais une couronne de fleur en œillet blanc signifiant le nouveau départ et d'optimisme pour le futur. Tout le monde me regarde, certains ris et d'autres me dévisage, mais ce n'est pas grave, ça éloigne les joncheruines loin de mon aura et cela ne me touche à peine si je leur explique peut-être qu'ils comprendront ? Arrivé à Poudlard, je balaye du regard tous les anciens déjà attablé mais mon regard se pose sur un des professeurs vêtu de noir, il a le regard le plus triste que je n'ai jamais vu, il a tant de joncheruines autour de sa tête et ceux depuis des années.

- Luna Lovegood !

Oh, il me regarde ! Je devrais arrêter de le fixer de la sorte, non ? Son regard est encore plus perçant que je ne peux pas imaginer les tristesses qu'il a connue dans sa vie. Quelqu'un me pousse ce qui me fait sortir de mes rêveries, ce qui provoque des petits ricanements des camarades que j'ignore et je m'approche du Choixpeau. Il a peine effleuré ma tête qu'il s'écria "Serdaigle !" Je le savais ! C'est en sautillant que je vais à la table des aigles.

La première année a été un peu difficile pour moi, je dois le reconnaître, je m'étais faite d’illusion de me faire des amis mais ce n'est pas grave, parfois, je vais dans les écuries pour caresser et parler aux sombrals. Ce sont des créatures magnifique que les gens pensent à tort qu'ils portent malheurs mais pour moi ce sont des créatures incomprises, mal-aimés injustement alors qu'ils sont d'une douceur incroyable. Si j'étais un créature magique je serais sans doute un sombral... ou une grenouille lunaire.

13 février 1992

Aujourd'hui j'ai douze ans. Papa m'a envoyé les quelques sucreries que j'aime mais surtout un super ouvrage sur les animaux fantastiques, il sait que j'ai toujours voulu devenir magizoologistes mais surtout je sens qu'il va se passer de quelque chose de bien qui va se produire. Pour l'instant je n'ai plus de chaussures et mes chaussettes ont également disparus, c'est embêtant parce qu'il fait froid dehors. Je n'ai pas beaucoup de cours pour cette journée, donc j'irais à la recherche de mes chaussures, même s'il a fallut une retenue et des points en moins dans ma maison mais j'ai retrouvé mes chaussures le soir par le clair de lune. Ils s'étaient accrochés en haut d'un arbre, et bien sûr, je n'ai pas encore appris à lancer le sort accio. Je regardais les chaussures comme ci elles allaient descendre par elles-mêmes.

- Que fais-tu ?

Je tourne la tête, une rousse de la maison Gryffondor, pourtant je n'avais pas l'impression qu'elle était complètement elle-même. Le carnet qu'elle tenait dans ses mains ne m'inspirait pas confiance pourtant je m'adressais à cette part de lumière qui était encore en elle.

- Mes chaussures ont mystérieusement atterris la haut... Des élèves voulaient me faire une petite blague.

en cours
</span>

</div><div class="prez-irl"><img src="https://i.imgbox.com/ueU2u1uz.png" /><span class="prez-titre">AND YOU ?</span>
<span class="prez-irlinfos">Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie.</span></div>

<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<style>.prez-pseudo,.prez-titre{text-shadow:1px 1px 1px #000}.prez-cadre,.prez-irl{background-color:#fff;position:relative}.prez-cadre{width:500px;margin:auto;text-align:center;line-height:normal;border:1px solid #000;border-bottom:3px solid #000;border-radius:0 0 5px 5px;z-index:1;font-family:trebuchet ms;font-size:11px;color:#000}.prez-bann,.prez-pseudo,.prez-titre{display:inline-block;width:100%}.prez-ava1,.prez-ava2{margin:5px;object-fit:cover}.prez-cadre *,.prez-irl *{box-sizing:border-box}.prez-pseudo{color:#6489ac;font-family:Playball,cursive;font-size:35px;line-height:0;border-bottom:6px double #434e4b}.prez-cadre select,.prez-idlist strong,.prez-titre{font-family:Audiowide,cursive}.prez-icons img{width:80px;height:80px;object-fit:cover;margin-right:5px;box-shadow:1px 1px 2px #000}.prez-titre{font-size:20px;letter-spacing:-1px;color:#6489ac;border-bottom:1px solid #434e4b;text-align:left;padding-left:5px;clear:both}.prez-ava1{float:left;width:180px;height:320px}.prez-anecdotes,.prez-idlist{width:308px;display:inline-block;overflow:auto}.prez-idlist{text-align:left;height:180px;line-height:17px;padding:0 5px}.prez-idlist strong{font-weight:400;color:#6489ac;font-size:12px}.prez-cadre select{font-size:12px;color:#fff;background-color:#a1c1df;border:none;padding:3px;width:28%;margin:5px 5px 10px}.prez-cadre option{font-family:trebuchet ms}.prez-anecdotes{height:100px;color:#505050;text-align:justify;padding:5px;line-height:15px}.prez-anecdotes strong,.prez-cita{color:#6489ac}.prez-ava2{float:right;width:180px;height:320px}.prez-cita,.prez-story{width:308px;line-height:15px;display:inline-block;overflow:auto}.prez-cita{padding:0 5px;font-family:Playball,cursive;font-size:15px;height:50px}.prez-story{padding:0 5px 0 10px;height:265px;text-align:justify}.prez-irl{border:1px solid #000;border-bottom:3px solid #000;border-top:0;border-radius:0 0 5px 5px;width:400px;margin:auto;transition:1s ease-out;top:-50px}.prez-irl:hover{top:0}.prez-irl img{width:100px;height:100px;object-fit:cover;float:left}.prez-irl span.prez-titre{width: 298px;}.prez-irlinfos{width:298px;display:inline-block;padding:5px;line-height:15px;font-size:10px;height:80px;overflow:auto}</style>

[chattigre]

..

J'ai modifié le titre de ce sujet qui était "Petit soucis de codage " en "Gestion du débordement des textes dans une fiche de personnage codée". Afin de faciliter les recherches ultérieures, le titre de votre sujet doit respecter certaines règles : il doit être explicite (c'est à dire expliquer brièvement le problème), il ne doit pas être en majuscules, il ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"... N'oubliez pas que d'autres personnes peuvent profiter de vos questions. Il est donc impératif afin de faciliter l'utilisation de l'outil de recherche d'avoir des titres de sujet explicatifs.

[Plume22]

Merci beaucoup pour ton retour MlleAlys
Ton aide à été particulièrement précieuse 🧡 j'ai ajouté le second codage que tu m'as donné du coup, il sera effectivement plus simple d'utilisation lors d'un prochain changement de thème

Encore milles merci et belle journée à toi

PS : le sujet est résolu pour moi mais comme j'ai retrouvé mon ancien compte (Plume22) que j'utilise actuellement, j'arrive plus à mettre le sujet en résolue je suis navré je ne suis pas douée

[Chacha]

PS : le sujet est résolu pour moi mais comme j'ai retrouvé mon ancien compte (Plume22) que j'utilise actuellement, j'arrive plus à mettre le sujet en résolue je suis navré je ne suis pas douée

Bonjour @Plume22,

Je le fais pour vous et archive ce sujet.

Cordialement.