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

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

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

Message par Chamal0h le 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;">

<span style="display: block; text-align: center; color: #000000; letter-spacing: 2px; font-family: georgia; font-size: 24px; text-shadow: 1px 1px 0px #ffffff;">PRENOM/NOM</span><span style="display: block; text-align: center; color: #000000; letter-spacing: 2px; font-family: georgia; font-size: 18px; text-shadow: 1px 1px 0px #ffffff; font-style: italic;">Star choisie.</span>
<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><span style="display: block; height: 320px; overflow: auto; margin: 5px; padding: 5x;"><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</span>

<br><span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Âge ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Origines - Parents ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Sexe ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Histoire ~ </span><span style="font-size: 10px; color: #000000;text-align: justify;">REPONSE { 15 lignes min. }</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Caractère ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE { 10 lignes min. }</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">  • Physiologie ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE { 8 lignes min. } </span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Ton petit puf ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Comment as tu connu PW ? ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Autre ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span></span>
.

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

Très Sincèrement,
Chamal0h.


Dernière édition par Chamal0h le Lun 26 Déc 2011 - 0:52, édité 1 fois

Chamal0h
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 22/12/2011

http://hellhunter.forumgratuit.org/
Chamal0h a été remercié(e) par l'auteur de ce sujet.

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

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

Up ::moitimide::

Chamal0h
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 22/12/2011

http://hellhunter.forumgratuit.org/
Chamal0h a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Pentacle le 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



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;">
 
<span style="display: block; text-align: center; color: #000000; letter-spacing: 2px; font-family: georgia; font-size: 24px; text-shadow: 1px 1px 0px #ffffff;">PRENOM/NOM</span><span style="display: block; text-align: center; color: #000000; letter-spacing: 2px; font-family: georgia; font-size: 18px; text-shadow: 1px 1px 0px #ffffff; font-style: italic;">Star choisie.</span>
<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><span style="display: block; height: 320px; overflow: auto; margin: 5px; padding: 5x;"><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</span>
 
<br><span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Âge ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>
 
<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Origines - Parents ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>
 
<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Sexe ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>
 
<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Histoire ~ </span><span style="font-size: 10px; color: #000000;text-align: justify;">REPONSE { 15 lignes min. }</span>
 
<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Caractère ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE { 10 lignes min. }</span>
 
<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">  • Physiologie ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE { 8 lignes min. } </span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Ton petit puf ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Comment as tu connu PW ? ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Autre ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span></span></div></table>

Preuve que sa fonctionne,


Dernière édition par Pentacle le Lun 26 Déc 2011 - 0:40, édité 1 fois

Pentacle
*

Masculin
Messages : 33
Inscrit(e) le : 26/10/2010

Pentacle a été remercié(e) par l'auteur de ce sujet.

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

Message par Chamal0h le 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 .]

Chamal0h
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 22/12/2011

http://hellhunter.forumgratuit.org/
Chamal0h a été remercié(e) par l'auteur de ce sujet.

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

Message par Pentacle le 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.

Pentacle
*

Masculin
Messages : 33
Inscrit(e) le : 26/10/2010

Pentacle a été remercié(e) par l'auteur de ce sujet.

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

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

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


Chamal0h
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 22/12/2011

http://hellhunter.forumgratuit.org/
Chamal0h a été remercié(e) par l'auteur de ce sujet.

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

Message par Pentacle le 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;">

<span style="display: block; text-align: center; color: #000000; letter-spacing: 2px; font-family: georgia; font-size: 24px; text-shadow: 1px 1px 0px #ffffff;">PRENOM/NOM</span><span style="display: block; text-align: center; color: #000000; letter-spacing: 2px; font-family: georgia; font-size: 18px; text-shadow: 1px 1px 0px #ffffff; font-style: italic;">Star choisie.</span>
<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><span style="display: block; height: 320px; overflow: auto; margin: 5px; padding: 5x;"><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</span>

<br><span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Âge ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Origines - Parents ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Sexe ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Histoire ~ </span><span style="font-size: 10px; color: #000000;text-align: justify;">REPONSE { 15 lignes min. }</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Caractère ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE { 10 lignes min. }</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Physiologie ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE { 8 lignes min. } </span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Ton petit puf ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;"> • Comment as tu connu PW ? ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span>

<span style="font-size: 11px; color: #000000; text-align: justify; font-weight: bold; text-transform: uppercase;">• Autre ~ </span><span style="font-size: 10px; color: #000000; text-align: justify;">REPONSE</span></span></div></table>

Pentacle
*

Masculin
Messages : 33
Inscrit(e) le : 26/10/2010

Pentacle a été remercié(e) par l'auteur de ce sujet.

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

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

Encore merci énormément ! Mr. Green
C'est juste parfait thumleft

Chamal0h
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 22/12/2011

http://hellhunter.forumgratuit.org/
Chamal0h 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