[HTML] Un souci lors de la mise en page.

par Chamal0h Dim 25 Déc 2011 - 2:15

Bonjour à vous,

Je suis totalement débutante dans le html, le css donc beaucoup de chose m'échappe encore.
Mon souci vient d'un formulaire de présentation que mon amie à fait en html, le problème c'est que quand on le post la barre de gauche avec l'avatar avec tout en bas disparait et est en bas de la signature. Je ne sais pas comment y remédier. Je pense que soit le code html est incomplet soit des balises pas bien fermés mais vu que je suis débutante je vois pas les trucs qui cloche. Donc j'aurais besoin d'un petit coup de main ...

Voila le problème en image :

Spoiler:

Code:: <div style="width: 600px; margin: auto; min-height: 300px; background-color: #F5F5F5; border-left: 5px solid #F5F5F5; border-right: 5px solid #F5F5F5; border-top: 1px dashed #46A0DB; border-bottom: 1px dashed #3193D4; padding: 5px;"> PRENOM/NOMStar choisie. <span style="display: block; float: left; width: 200px; height: 300px; margin: 5px; border: 2px solid #000000;background: url(http://img4.hostingpics.net/pics/789041IllBecomeYourRainbyLouisalings.jpg) center center no-repeat;"><span style="display: block; text-align: center; color: #0000; letter-spacing: 2px; font-family: georgia; font-size: 18px; text-shadow: 1px 1px 0px #ffffff; font-style: italic; border-bottom: 2px solid #000000;">IDENTITY CARD • Âge ~ REPONSE • Origines - Parents ~ REPONSE • Sexe ~ REPONSE • Histoire ~ REPONSE { 15 lignes min. } • Caractère ~ REPONSE { 10 lignes min. } • Physiologie ~ REPONSE { 8 lignes min. } • Ton petit puf ~ REPONSE • Comment as tu connu PW ? ~ REPONSE • Autre ~ REPONSE .

J'espère que vous serez en mesure de m'aider...

Très Sincèrement,
Chamal0h.

par Chamal0h Dim 25 Déc 2011 - 23:24

Up

par Pentacle Lun 26 Déc 2011 - 0:26

Je regarde ça et édite mon message si je trouve quelque chose.

Premier test sur mon forum, n'ayant pas mit d'avatar je vais en mettre un et je n'y est même plus accès O_o

J'avais déjà vus des déformations à cause des codes mais là c'est fort Smile

[HTML] Un souci lors de la mise en page. 34445315151

Bref je regarde et je préviens si je trouve la cause.

[Édition 1 : Même le code enlevé le bug du screen au dessus reste Laughing

j'ai flingué mon forum test Mr. Green

]

[Édition 2 : Nouveau test sur un autre forum et je n'ai eu aucun problème d'avatar comme sur mon forum test.]

Le code très peu modifié.

Spoiler:

Code:: <table><div style="width: 600px; margin: auto; min-height: 300px; background-color: #F5F5F5; border-left: 5px solid #F5F5F5; border-right: 5px solid #F5F5F5; border-top: 1px dashed #46A0DB; border-bottom: 1px dashed #3193D4; padding: 5px;"> PRENOM/NOMStar choisie. <span style="display: block; float: left; width: 200px; height: 300px; margin: 5px; border: 2px solid #000000;background: url(http://img4.hostingpics.net/pics/789041IllBecomeYourRainbyLouisalings.jpg) center center no-repeat;"><span style="display: block; text-align: center; color: #0000; letter-spacing: 2px; font-family: georgia; font-size: 18px; text-shadow: 1px 1px 0px #ffffff; font-style: italic; border-bottom: 2px solid #000000;">IDENTITY CARD • Âge ~ REPONSE • Origines - Parents ~ REPONSE • Sexe ~ REPONSE • Histoire ~ REPONSE { 15 lignes min. } • Caractère ~ REPONSE { 10 lignes min. } • Physiologie ~ REPONSE { 8 lignes min. } • Ton petit puf ~ REPONSE • Comment as tu connu PW ? ~ REPONSE • Autre ~ REPONSE</div></table>

Preuve que sa fonctionne,

par Chamal0h Lun 26 Déc 2011 - 0:37

He ... Oui ! Je sais que c'est fort mais étant débutante franchement rien ne marche avec moi même pas un tableau dans mon accueil donc plus rien ne m'étonne !

Merci Pentacle d'essayer de trouver une solution. Very Happy

[édition 1 : Ooh mince ! Désolé Confused

.]

par Pentacle Lun 26 Déc 2011 - 0:41

J'ai trouvé, pour mon forum c'est bête Razz

Essaye pour me dire si ça va.

par Chamal0h Lun 26 Déc 2011 - 0:50

Ca marche à merveille Pentacle !
Merci énormément !! Mr. Green

par Pentacle Lun 26 Déc 2011 - 1:00

De rien, je te le repasse sans la balise code car sa affiche des numéros de ligne ou des #. Sa fait un code tout moche.

<table><div style="width: 600px; margin: auto; min-height: 300px; background-color: #F5F5F5; border-left: 5px solid #F5F5F5; border-right: 5px solid #F5F5F5; border-top: 1px dashed #46A0DB; border-bottom: 1px dashed #3193D4; padding: 5px;">

PRENOM/NOMStar choisie.
<span style="display: block; float: left; width: 200px; height: 300px; margin: 5px; border: 2px solid #000000;background: url(https://2img.net/r/hpimg4/pics/789041IllBecomeYourRainbyLouisalings.jpg) center center no-repeat;"><span style="display: block; text-align: center; color: #0000; letter-spacing: 2px; font-family: georgia; font-size: 18px; text-shadow: 1px 1px 0px #ffffff; font-style: italic; border-bottom: 2px solid #000000;">IDENTITY CARD

 • Âge ~ REPONSE

 • Origines - Parents ~ REPONSE

• Sexe ~ REPONSE

 • Histoire ~ REPONSE { 15 lignes min. }

• Caractère ~ REPONSE { 10 lignes min. }

 • Physiologie ~ REPONSE { 8 lignes min. } 

• Ton petit puf ~ REPONSE

 • Comment as tu connu PW ? ~ REPONSE

• Autre ~ REPONSE</div></table>

par Chamal0h Lun 26 Déc 2011 - 1:10

Encore merci énormément ! Mr. Green

C'est juste parfait thumleft

[HTML] Un souci lors de la mise en page.

[HTML] Un souci lors de la mise en page.

Re: [HTML] Un souci lors de la mise en page.

Re: [HTML] Un souci lors de la mise en page.

Re: [HTML] Un souci lors de la mise en page.

Re: [HTML] Un souci lors de la mise en page.

Re: [HTML] Un souci lors de la mise en page.

Re: [HTML] Un souci lors de la mise en page.

Re: [HTML] Un souci lors de la mise en page.