La largeur du forum diminue à mesure que l'on poste des messages

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

Résolu La largeur du forum diminue à mesure que l'on poste des messages

Message par Joli Coeur le Mer 23 Jan - 19:11

Bien le bonsoir à tous.
Je viens de passer mon après midi à adapter une fiche en html qui est maintenant parfaitement fonctionnelle. Oui mais voilà, lorsque je la poste, les boutons "Répondre" et "Nouveau" se décalent. Pour vérifier, j'ai reposté cette fiche dans un nouveau message et surprise : la largeur du forum diminue encore une fois. Tout se décale : avatar, boutons... etc.
Je suis au bord de la crise de nerf.

C'est les genoux à terre que je me tourne vers vous. Pour que cela soit plus parlant, je vous invite à aller sur la page où vous allez bien plus facilement comprendre le pourquoi de mon appel au secours. La fiche qui pose problème est celle en bleue, constitué des 4 formes ovales bleu, les autres fiches html ne me causent pas ce soucis. J'imagine que le problème vient de cette fiche bleue, puisque (preuve à l'appui) lorsque je poste mon autre fiche 2 fois à la suite mon forum ne bouge plus. Je vous poste donc le code de la fiche bleue (cette saleté qui me modifie mon forum), peut-être vous aidera-t-elle.
Spoiler:
Code:
<center><table><div style="color: #867A8E; box-shadow: 0px 0px 10px #867A8E;border-radius: 300px 300px 300px 300px ; border:3px #381B01 solid;padding:10px;background-color:#296665;width:450px; font-family:Verdana, sans-serif;font-size:12px;"><div><div style=" background-color:  ;css par blake; padding: 15px;"><div style="width: 400px; height: 200px; box-shadow: 0px 0px 10px #867A8E;border-radius: 300px 300px 0px 0px ; border: 3px solid #381B01; background-image: url('http://i11.servimg.com/u/f11/11/02/49/61/idea2710.jpg');"></div><center><div style="font-family:Courier New;font-size:27px; font-weight:bold;text-transform:uppercase;text-align:center;margin-top:-20px;margin-bottom:-20px;"><blink>[color=#381B01]ME, MYSELF AND I.[/color]</blink></div>

<div style="font-size:22px;letter-spacing:4px;color:#381B01;text-shadow:0px 0px 7px #867A8E;text-align:right;">••••••</div><div style="font-size: 10px; color: #381B01; border: 3px #381B01 solid ; style="width: 100px; height: 150px; overflow:auto; text-align:center;">[justify]Mon petit nom à moi c'est [b]PRENOM PRENOM NOM[/b] mais mes amis me surnomment [b]SURNOM[/b]. J'ai [b]XX ANS[/b], j'ai donc vu le jour le [b]JJ/MM/AAAA[/b]. J'appartiens au groupe des [b]GROUPE[/b] et j'en suis fier! Mais parlons plus sérieusement : côté coeur et orientation sexuelle, sachez que je suis [b]STATUT CIVIL[/b] et [b]ORIENTATION SEXUELLE[/b]. Je suis une sosie de [b] AVATAR[/b]. Ma philosophie de vie ? "[b]CITATION[/b]".[/justify]</div><div style="font-size:22px;letter-spacing:4px;color:#381B01;text-shadow:0px 0px 7px #867A8E; css par blake ;text-align:left;">••••••</div>
<div style="width: 400px; height: 200px; box-shadow: 0px 0px 10px #A5A5A5;border-radius: 0px 0px 300px 300px ; border: 3px solid #381B01; background-image: url('http://25.media.tumblr.com/tumblr_mayw9z7NHQ1r8vu3lo1_500.gif');"></div></div></table></center><center><table><div style="color:#381B01 ; border-radius: 300px 300px 300px 300px ; border:3px #381B01 solid;padding:10px;background-color:#296665;css par blake ;width:450px; font-family:Verdana, sans-serif;font-size:12px;"><div>

<div style="height:0px; box-shadow: 0px 0px 10px #867A8E; overflow:auto"></div><center><div style="font-family:Courier New;font-size:27px; font-weight:bold;text-transform:uppercase;text-align:center;margin-top:-20px;margin-bottom:-20px;"><blink>[color=#381B01]Histoire.[/color]</blink></div>


<div style="font-size:22px;letter-spacing:4px;color:#381B01;text-shadow:0px 0px 7px #867A8E;text-align:center;">••••••••••••••••••••••</div>



[left][size=9][font=Times New Roman]En savoir plus sur moi, c'est par là.[/font][/size]
[/left]<div [center]<div style="font-size: 10px; color: #381B01; border: 3px #381B01 solid ;height: 300px; width: 444px; overflow:auto; text-align:left;">[justify]En un minimum de 20 lignes tu vas nous expliquer comment tu es venu au monde, comment tu as vécu ta période d'adolescence ou encore si on t'achetait assez de jouets pour ne pas passer ton temps à pleurer. Organise ton récit comme bon te semble : sous forme d'interview, de journal intime, de roman... Libre à toi d'y insérer des images (qui ne doivent cependant pas déformer ta présentation). N'oublie pas d'insister sur la partie où ton personnage décide (ou est obligé) de se rendre sur l'île. On veut tout savoir !  En un minimum de 20 lignes tu vas nous expliquer comment tu es venu au monde, comment tu as vécu ta période d'adolescence ou encore si on t'achetait assez de jouets pour ne pas passer ton temps à pleurer. Organise ton récit comme bon te semble : sous forme d'interview, de journal intime, de roman... Libre à toi d'y insérer des images (qui ne doivent cependant pas déformer ta présentation). N'oublie pas d'insister sur la partie où ton personnage décide (ou est obligé) de se rendre sur l'île. On veut tout savoir ! En un minimum de 20 lignes tu vas nous expliquer comment tu es venu au monde, comment tu as vécu ta période d'adolescence ou encore si on t'achetait assez de jouets pour ne pas passer ton temps à pleurer. Organise ton récit comme bon te semble : sous forme d'interview, de journal intime, de roman... Libre à toi d'y insérer des images (qui ne doivent cependant pas déformer ta présentation). N'oublie pas d'insister sur la partie où ton personnage décide (ou est obligé) de se rendre sur l'île. On veut tout savoir ! En un minimum de 20 lignes tu vas nous expliquer comment tu es venu au monde, comment tu as vécu ta période d'adolescence ou encore si on t'achetait assez de jouets pour ne pas passer ton temps à pleurer. Organise ton récit comme bon te semble : sous forme d'interview, de journal intime, de roman... Libre à toi d'y insérer des images (qui ne doivent cependant pas déformer ta présentation). N'oublie pas d'insister sur la partie où ton personnage décide (ou est obligé) de se rendre sur l'île. On veut tout savoir ! [/justify]</div>[/center]</div>[right]<div style="background-image:url('http://i11.servimg.com/u/f11/11/02/49/61/avatar12.jpg'); margin-top:-30px; margin-right:-40px;width:200px;box-shadow: 0px 0px 10px #867A8E;border-right:4px solid #381B01;height:320px;border-radius:50px;-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-o-transform:rotate(7deg);">[/right]</div>

<div style="font-size:22px;letter-spacing:4px;color:#381B01;text-shadow:0px 0px 7px #867A8E;text-align:center;">••••••••••••••••••••••</div>




<center><table><div style="color:#867A8E ; border-radius: 300px 300px 300px 300px ; css par blake; border:3px #381B01 solid;padding:10px;background-color:#296665;width:450px; font-family:Verdana, sans-serif;font-size:12px;"><div><div style="height:0px; box-shadow: 0px 0px 10px #867A8E; overflow:auto"></div>

<center><div style="font-family:Courier New;font-size:27px; font-weight:bold;text-transform:uppercase;text-align:center;margin-top:-20px;margin-bottom:-20px;"><blink>[color=#381B01]Personnalité.[/color]</blink></div>


<div style="font-size:22px;letter-spacing:4px;color:#381B01;text-shadow:0px 0px 7px #867A8E;text-align:center;">••••••••••••••••••••••</div>



[color=#381B01][size=9][left][font=Times New Roman]Caractère & Physique.[/font][/left][/size][/color]<div [center]<div style="font-size: 10px; color: #381B01; border: 3px #381B01 solid ;height: 200px; width: 444px; overflow:auto; text-align:left;">[justify] Oyez Oyez tu as bientôt terminé cette présentation ! Mais avant tu dois nous faire une liste de toutes tes qualités (ainsi que tes défauts, non sans vouloir dire que tu en es rempli bien sûr.. hm hm). Ah n'oublie pas non plus de nous compter tes plus beaux atouts, combien tes cheveux sont soyeux ou tes yeux étincelants. Allez allez un peu de nerf, on veut savoir ce qu'il se passe dans ta tête et dans ton corps! Oyez Oyez tu as bientôt terminé cette présentation ! Mais avant tu dois nous faire une liste de toutes tes qualités (ainsi que tes défauts, non sans vouloir dire que tu en es rempli bien sûr.. hm hm). Ah n'oublie pas non plus de nous compter tes plus beaux atouts, combien tes cheveux sont soyeux ou tes yeux étincelants. Allez allez un peu de nerf, on veut savoir ce qu'il se passe dans ta tête et dans ton corps! Oyez Oyez tu as bientôt terminé cette présentation ! Mais avant tu dois nous faire une liste de toutes tes qualités (ainsi que tes défauts, non sans vouloir dire que tu en es rempli bien sûr.. hm hm). Ah n'oublie pas non plus de nous compter tes plus beaux atouts, combien tes cheveux sont soyeux ou tes yeux étincelants. Allez allez un peu de nerf, on veut savoir ce qu'il se passe dans ta tête et dans ton corps! Oyez Oyez tu as bientôt terminé cette présentation ! Mais avant tu dois nous faire une liste de toutes tes qualités (ainsi que tes défauts, non sans vouloir dire que tu en es rempli bien sûr.. hm hm). Ah n'oublie pas non plus de nous compter tes plus beaux atouts, combien tes cheveux sont soyeux ou tes yeux étincelants. Allez allez un peu de nerf, on veut savoir ce qu'il se passe dans ta tête et dans ton corps!


[/justify]</div>[/center]</div>[right]<div style="background-image:url('http://i11.servimg.com/u/f11/11/02/49/61/icon210.jpg'); margin-top:-30px; margin-right:-40px;width:100px;box-shadow: 0px 0px 10px #A5A5A5;height:100px;border-radius:50px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);">[/right]
<div style="font-size:22px;letter-spacing:4px;color:#381B01;text-shadow:0px 0px 7px #867A8E;text-align:center;">••••••••••••••••••••••</div>



</div>
<center><table><div style="color:#381B01 ; border-radius: 300px 300px 300px 300px ; border:3px #381B01 solid; css par blake; padding:10px;background-color:#296665;width:450px; font-family:Verdana, sans-serif;font-size:12px;"><div><div style="height:0px; box-shadow: 0px 0px 10px #867A8E; overflow:auto"></div>

<center><div style="font-family:Courier New;font-size:27px; font-weight:bold;text-transform:uppercase;text-align:center;margin-top:-20px;margin-bottom:-20px;"><blink>[color=#381B01]Alwoan & moi.[/color]</blink></div>


<div style="font-size:22px;letter-spacing:4px;color:#381B01;text-shadow:0px 0px 7px #867A8E;text-align:center;">••••••••••••••••••••••</div>



[color=#381B01][size=9][left][font=Times New Roman]Dernière vérification.[/font][/left][/size][/color]<div [center]<div style="font-size: 10px; color: #381B01; border: 3px #381B01 solid ;height: 200px; width: 444px; overflow:auto; text-align:left;">[justify]Ici tu vas simplement avoir quelques questions auxquelles tu devras répondre, pas de minimum de lignes requis, écris sans te prendre la tête.
[b]Depuis quand es-tu arrivé sur l'île ? •[/b] ici
[b]Que penses-tu de l'initiative du président concernant ce projet ?  • [/b] ici
[b]Quelle est ta préoccupation principale sur l'île ? •[/b] ici
[b]Des projets? Quelque chose à rajouter ? •[/b] ici

[/justify]</div>[/center]</div>[right]<div style="background-image:url('http://i11.servimg.com/u/f11/11/02/49/61/icon110.png'); margin-top:-30px; margin-right:-40px;width:100px;box-shadow: 0px 0px 10px #381B01;height:100px;border-radius:50px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);">[/right]
[font=Times New Roman][size=9][left]Et en vrai ça donne quoi ?[/left][/size][/font]<div style="font-size: 10px; color: #381B01;css par blake; border: 3px #381B01 solid ; style="width: 100px; height: 150px; overflow:auto; text-align:center;">[justify]C'est ici que tu racontes qui tu es derrière l'écran. Libre à toi d'y mettre ce que tu souhaites : âge, pseudo, d'où tu viens, comment as-tu atterri ici et comment trouves tu le forum ? Un dernier mot ?

[/justify]</div>




<div style="font-size:22px;letter-spacing:4px;color:#381B01;text-shadow:0px 0px 7px #381B01;text-align:center;">[size=9][font=Times New Roman][center]© Codage par BLAKE.[/center][/font][/size]</div>



</div>

Je suis sous Chrome, j'ai modifié trois template (le body, le box et le header).

Je ne vois absolument pas ce que je peux faire, à moins qu'il y ai une balise ou un truc qui demande à mon forum de diminuer à chaque fois que je poste ma fiche html.

Encore une fois, merci de m'avoir lu, la construction de ce forum commence légèrement à m'énerver et je m'essouffle. Snifff

Bonne soirée à tous,
Joli Coeur.


Dernière édition par Joli Coeur le Jeu 24 Jan - 9:01, édité 1 fois

Joli Coeur
Nouveau membre

Féminin
Messages : 3
Inscrit(e) le : 23/01/2013

http://bbwe.forumactif.org/
Joli Coeur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La largeur du forum diminue à mesure que l'on poste des messages

Message par Neptunia le Jeu 24 Jan - 5:46

Coucou et bienvenue sur le forum des forums Wink

@Joli Coeur a écrit:Pour que cela soit plus parlant, je vous invite à aller sur la page où vous allez bien plus facilement comprendre le pourquoi de mon appel au secours.

Je pense qu'on comprendrait mieux si la page était accessible aux invités lol!


Cordialement,

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La largeur du forum diminue à mesure que l'on poste des messages

Message par AenigmA le Jeu 24 Jan - 6:03

Bonjour,
Si ça se décale c'est souvent pour une ou plusieurs balises mal fermées
A la fin de ton code il a l'air de manquer ceci : </table></center>

Laurent

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La largeur du forum diminue à mesure que l'on poste des messages

Message par Joli Coeur le Jeu 24 Jan - 9:00

Je vais vous faire une déclaration qui va vous paraître totalement décalée (ah ah..) mais.. c'était effectivement parce que je n'avais pas fermé ces deux minuscules ridicules balises. Merci merci et encore merci, j'avais vu à quel point vous étiez rapide mais à ce point là victoire

Joli Coeur
Nouveau membre

Féminin
Messages : 3
Inscrit(e) le : 23/01/2013

http://bbwe.forumactif.org/
Joli Coeur a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum