Pourquoi mon corps ne reste pas en place XHTM Fermé

Question

Bonjours a tous j'ai un souci avec le corps de mon site il ne reste pas fixer comment je peux faire voiçi le code de la feuille de style

body
 {
background-image: url("background1.jpeg");
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: #202020;
font-family: Arial, "Times New Roman", Times, sans-serif;
}
 
a
{
color: white;
text-decoration: none;
}

a:hover
{
color: #cccccc;
}

#en_tete
{
width: 800px;
height: 75px;
position: none;
top: 0px;
left: 0px;
background: url("grecosims.jpeg") center no-repeat;
margin: auto;
}

#menu
{
width: 100%;
margin: left;
text-align : center;
}

.sous_menu
{
width: 750px;
margin-top: 23px;
margin-left: 200px;
float: left;
background-color: alpha;
color: white;
font-size: 20px;
}

li
{
font-size: large;
margin-right: 0px;
margin-top: 10px;
float: left;
background-color: none;
color: white;
list-style-type: none;
}

#corps
{
width: 860px;
margin-left: 0%;
margin-top: 50px;
padding: 20px;
background-image: url("background2.jpeg");
border: 2px ridge #202020;
color: white;
background-color: #211e15;
text-align: justify;
}

#pied_de_page
{
width: 900px;
clear: left;
margin-top: 500px;

color: white;
text-align: center;
}

h4
{
 text-align: right;
 font-family: Ariel;
 font-size: 20px;
 text-align: center;
 font-style: normal;
 }

Merci d'avance de pouvoirs m'aider

LeYaude · Answer

As-tu essayé de remplacer "margin-left: auto;
                                       margin-right: auto;"

par tout simplement : "margin: auto;"

Autrement je suis assez étonné par ton "position: none;", je me trompe peut-être mais je ne crois pas que "position" puisse prendre "none" comme valeur.

LeYaude · Answer

Je rajoute un "margin: left;" dans #menu, même si je ne pense pas que ça soit la cause de ton problème, autant corriger quand même.

Dalida · Answer

salut,

"Pourquoi mon corps ne reste pas en place"
le démon de la danse s'est emparé de toi !
lol

plus sérieusement, que veux-tu dire par "le corps de mon site il ne reste pas fixer" ?
ça bouge, ok.
mais quand et par rapport à quoi ?

aurais-tu une version en ligne ?

Dalida · Answer

pour l'url, j'ai trouvé tout seul !

Dalida · Answer

si tu règle la largeur de '<body>' à 840px ça devrait rentrer dans l'ordre.

raff · Answer

Mon site n'est pas en ligne et quand je disait que le corps bougé ces a dire quand je réduits la fenêtre de ie,

Pour l'en tête j'ai enlever 

position: none;
top: 0px;
left: 0px;

Car j'ai remarquer que je me suis trompé 

J'ai aussi modifier le code margin-left et margin-top par margin: auto; mais rien a faire le code ne serre a rien il y t'il un autres solution 0_^

Merci a vous ^^

Dalida · Answer

ton site ,'est pas en ligne ?
m***e, j'étais parti à nettoyer le code xhtml et css mais je vais peut être m'arrêter !

pour les modifs, il en faut plus d'une.

Gihef · Answer

Bonjour,

Tu as changé d'identifiant ?
Ton site n'est pas en ligne, mais la feuille de styles y ressemble beaucoup (-;

Les CSS ne semblent pas suffire à résoudre le problème, peut-être qu'un peu du code HTML de la page aiderait ?

--

raff · Answer

Non lol ces un autres site que je fait ces pas le même si vous avaits lu ce qu'il a écrie dans le site vous verrez ^-^ pour la page html la voici ***Grecostyle***

Bonjours a toutes et a tous,

Grecostyle ouvre c'est porte aujourd'hui c'est à dire le 25 Septembre 2007.
Mais qu'est-ce dont Grecostyle ?, bien Grecostyle ces un site pour sims basé sur la mode vêstimentaires, accessoires et bien d'autres encore,
il y aura des téléchargement payants ?, et bien pour le moments notre équipe c'est à dire moi j'envisage pas de mettre encore des téléchargement payants "pas pour le moments".
Pour les navigateurs qui sont sous firefox, nous vous proposont d'aller visiter ce site sous Internet explore 7,
nous excusion encore pour ce dérangement.

Best viewed: Internet Explore 7 | Copyright © 2007-2008 Grecostyle

Un aperçu du corps qui ne reste pas en place quand je réduit la fenêtre J'ai donc le corps qui réduits et l'écriture pareille https://i19.servimg.com/u/f19/11/18/82/43/sans_t17.jpg

Dalida · Answer

grrr&hellip;
je vais peut-être me lancer dans le pishing, moi !
ça m'apprendra&hellip;
-;o)

Dalida · Answer

en xhtml, surtout Strict il faut que tu sois rigoureux, pas de majuscules dans les balises, fermer toutes les balises et les fermer correctement (,
…). tiens une version plus valide. ***Grecostyle***

Nom du site

Bonjours a toutes et a tous,

Grecostyle ouvre c'est porte aujourd'hui c'est à dire le 25 Septembre 2007.
Mais qu'est-ce dont Grecostyle ?, bien Grecostyle ces un site pour sims basé sur la mode vêstimentaires, accessoires et bien d'autres encore,
il y aura des téléchargement payants ?, et bien pour le moments notre équipe c'est à dire moi j'envisage pas de mettre encore des téléchargement payants "pas pour le moments".
Pour les navigateurs qui sont sous firefox, nous vous proposont d'aller visiter ce site sous Internet explore 7,
nous excusion encore pour ce dérangement.

raff · Answer

Je te remerci Dalida mais cela m'arrange pas mon souci puis si j'ai pas mis

Nom du site

a l'en tête ces parce que je prefère pas le mettre " il n'est pas très importer enfin je croix" puis j'ai pris ton code le menu il n'a plus l'image que j'ai mis le texte a grossi donc je reste sur mon code moi ce dont j'aimerait juste regles ces le corps ^^

Dalida · Answer

ça je comprends bien mais pour appliquer des css il faut un html valide. sinon les causes de divergences entre navigateurs commencent avant même le style. pour le '

', c'est pour donner un peu plus de sens à la page. il peut être invisible, c'est ce que j'ai fait avec la page de ton autre site. ensuite pour le corps il faut régler une largeur à '' et le centrer (si tu veux centrer). ensuite il faut laisser les bloques prendre place selon le flux normal dans le bloque de ''. il doit juste te falloir un {float:left} pour le menu. regarde ce gabarit si tu veux, il est fait au plus simple, c'est le meilleur moyen pour être stable.

raff · Answer

Donc en gros je doit mettre float: left dans le css puis dans la pages html je doit faire quoi car j'ai pas tout a fait comprid

Dalida · Answer

pour le html, le mieux est d'avoir un code. tu peux le faire valider en ligne par le W3C.
mais sinon il faut déjà faire attention à tout bien coder.

pour la mise en page, en gros tu peux suivre la logique suivante :
un cadre principal : '<body>'. tu règles la largeur et les marges.
dedans :
→ 'div#en_tete' par défaut il fait la largeur de '<body>'. tu peux régler la hauteur.
→ 'div#menu' tu règles la largeur et le fait flotter à gauche.
→ 'div#corps' fait la largeur de '<body>', suffit de lui mettre une marge gauche au moins aussi important que la largeur de 'div#menu' pour qu'il ne le masque pas.
→ 'div#pied' fait la largeur de '<body>', suffit de lui appliquer {clear:left} pour qu'il reprenne bien le flux cassé par 'div#menu'.

Gihef · Answer

Bonjour, Exactement. Dalida est souvent (je ne me permettrais pas “toujours”) de bon conseil. Il sait de quoi il parle. Il te propose un peu de logique. Et de rigueur. Ton choix du XHTML l'y oblige. Par exemple, en suivant ses conseils (j'ai préféré le “corps” en float) et après avoir ajouté

Gihef a vraix dire il y a rien qui changer avec ton code ces pareille j'ai toujours mon souci de corps, puis je n'est pas trop comprid vos réponse désoler car j'ai bien coder la page html non O_o ? 

Les metas de tout manière elle sont a revoirs, pour le reste je vois pas ou est le souci O_^ ce qui me dérange le plus la ces le corps pour le fixed comme moi j'aimerait qui soit sans qui bouge 

" en tout cas merci encore pour votre aide ^-^"

Dalida · Answer

salut,

"'ai bien coder la page html non O_o ?"
non.
relis ce qu'il y a plus haut. je t'ai même collé une version valide.
tant que le html n'est pas nikel ça ne sert pas à grand chose de bidouiller le css.

raff · Answer

A oui j'ai qu'elle que fautes dont j'avais j'amais fait attention lol merci a toi Dalida je les corriges puis je te tiens au corants quand cela sera fini ^^

raff · Answer

J'aimerait savoirs pour l'en_tête du site je suis pas obligée de mettre quoi ce soit je peux bien laisser vide non ?

Gihef · Answer

Par “ce qui me dérange le plus la ces le corps pour le fixed comme moi j'aimerait qui soit sans qui bouge”, qu'est-ce que tu veux dire ?

Dalida · Answer

oui si tu veux.
ça n'a pas de sens mais tu peux.

sinon tu appliques l'image de fond à '<h1>', tu lui donne la même hauteur que l'image et tu ajoutes :
h1
{
text-indent:-1000px;
overflow:hidden;
}
et le tour est joué&hellip;

mais moi j'dis ça, j'dis rien&hellip;

raff · Answer

Est-ce que tu la deja fait le h1 -1000px ..ect.. ?

raff · Answer

ce que je veux dire Gihef ces que mon corps ne reste pas fixed quand je réduits la fenêtre le texte aussi réduits comme si je sauter de lignes a chaque fois j'ai pourtant montré en haut un screen de mon souci le revoici 

https://i19.servimg.com/u/f19/11/18/82/43/sans_t17.jpg

raff · Answer

Resalut a tous j'ai mis la page plus le css dans un enciens hébergeur si vous voulez voirs http://cityofsims2.free.fr j'ai corrigé toute la pages Html le texte qui est dans le menu ces centrer tout seul je comprend pas pourquoi, donc j'ai mis en majuscule les liens du menu puis j'ai pas trop toucher dans le css car j'aimerait avoirs votre acord si la pages est bonne pour qu'on puissent attaquer sur la feuille de stylle juste voirs le corps ^^

raff · Answer

Dalida ta répondu mais je ne voix pas ton messages ou il est ? 0_o *?

raff · Answer

A oui merci a toi Gihef, aufaite comment je peux centrer le titre MENU car le w3c il ma trouver 10erreur venant que de ce code

Dalida · Answer

de quelle version du code parles-tu ?
copie nous la partie avec 'MENU', stp.

au hasard :
div#menu h3
{
text-align:center;
}

raff · Answer

Si je mais seulement
h3
{
text-align:center;
}

Ca marche comme même mais je ne ces pas si j'ai juste 0_o ^-^

Dalida · Answer

que le "h3" fonctionne tout seul c'est normal. si c'est le code html que j'avais nettoyé la version la css que je t'ai donné doit fonctionner aussi. la différence entre les deux c'est que si tu as un autre "

" dans ta page, il sera lui aussi centré. alors que moi j'ai "ciblé" le '

' du menu donc il n'y aura que lui de concerné.

raff · Answer

A donc si je prends ton code div#menu h3 il me centrera seulement le ce qui a dans le Menu a mes ces cool !! 

J'ai a près sans comprid tout corectement sur mes fautes, mais pour le corps qu'elle code je doit mettre pour qui soit comme je veux ?

car quand je mes margin-left .... le menu descend quand je réduit la fênetre au lieu de rentrer dans le menu " comme d'habitude 0_^"

Dalida · Answer

dans un premier temps un peu de lecture, il faut que tu te formes un peu sinon tu ne t'en sortiras jamais.
&bull; xhtml
&bull; css

pour ton code il faut qu'on fasse le point, je ne sais pas où tu en es.
le mieux est que tu nous donnes l'url (je suis sûr que tu as une version en ligne) ou au pire que tu colles le code html et les css.

à +

raff · Answer

Bon bien pour le code Html le voici ***Grecostyle***

Bonjours a toutes et a tous,

Grecostyle ouvre c'est porte aujourd'hui c'est à dire le 25 Septembre 2007.
Mais qu'est-ce dont Grecostyle ?, bien Grecostyle ces un site pour sims basé sur la mode vêstimentaires, accessoires et bien d'autres encore,
il y aura des téléchargement payants ?, et bien pour le moments notre équipe c'est à dire moi j'envisage pas de mettre encore des téléchargement payants "pas pour le moments".
Pour les navigateurs qui sont sous firefox, nous vous proposont d'aller visiter ce site sous Internet explore 7,
nous excusion encore pour ce dérangement.

Best viewed: Internet Explore 7 | Copyright © 2007-2008 Grecostyle

Pour le code Css le voici body { width: 90%; margin-left: auto; margin-right: auto; background-image: url("images/background.jpg"); background-attachment: fixed; background-color: white; font-family: Arial, "Times New Roman", Times, sans-serif; } a { color: #EBC79E; text-decoration: none; } a:hover { text-decoration: none; color: #A62A2A; } #en_tete { width: 780px; height: 210px; background: url("images/banniere_1.jpg") center no-repeat; margin: auto; } #menu { width: 17%; float: left; } .sous_menu { text-align: center; width: 180px; height: 415px; margin-left: 0%; margin-top: 105px; text-align: left; background-image: url("images/banniere_2.jpg"); background-repeat: no-repeat; color: pink; border: 1px ridge red; } li { margin-right: 0px; margin-top: 10px; background-color: none; color: white; list-style-type: none; } #corps { margin-left: 21%; margin-top: 105px; padding: 25px; background-image: url("images/background_2.jpg"); background-repeat: no-repeat; background-position: bottom center; border: 1px ridge red; color: black; background-color: white; text-align: justify; } #pied_de_page { width: 900px; clear: left; margin-top: 500px; color: white; text-align: center; } div#menu h3 { text-align: center; } Je connais les base du Html et css maintenant les petites trucs en plus comme div#menu h3 je ne connaiser pas ^^ Voilà j'espère que j'ai pus t'aider en passent mon code 0_^

Dalida · Answer

je t'ai fait les modifs nécessaires mais c'est basique tu verras vite. j'ai mis les css dans le '' pour pouvoir tester sur ma machine, il faut juste que tu les remettes dans le fichier. ***Grecostyle***

Grecostyle

Bonjours a toutes et a tous,

Grecostyle ouvre c'est porte aujourd'hui c'est à dire le 25 Septembre 2007.
Mais qu'est-ce dont Grecostyle ?, bien Grecostyle ces un site pour sims basé sur la mode vêstimentaires, accessoires et bien d'autres encore,
il y aura des téléchargement payants ?, et bien pour le moments notre équipe c'est à dire moi j'envisage pas de mettre encore des téléchargement payants "pas pour le moments".
Pour les navigateurs qui sont sous firefox, nous vous proposont d'aller visiter ce site sous Internet explore 7,
nous excusion encore pour ce dérangement.

raff · Answer

Je te remerci Dalida j'ai réussi a bloquer le corps mais seulement du côter gauche le côter droite ce réduits quand je réduits la fenêtre

voici le code officiel du style

body
 {
width: 90%;
margin-left: auto;
margin-right: auto;

background-image: url("images/background.jpg");
background-attachment: fixed;
background-color: white;
font-family: Arial, "Times New Roman", Times, sans-serif;
}

a
{
color: #EBC79E;
text-decoration: none;
}

a:hover
{
text-decoration: none;
color: #A62A2A;
}

#en_tete
{
width: 780px;
height: 210px;

background: url("images/banniere_1.jpg") center no-repeat;
margin: auto;
}

div#menu
{
width: 180px;
float: left;

text-align: center;
height: 415px;
margin-left: 0;
margin-top: 105px;
text-align: left;
background-image: url("images/banniere_2.jpg");
background-repeat: no-repeat;
background-color: #E9C2A6;
color: pink;
border: 1px ridge red;
}

li
{
margin-right: 0px;
margin-top: 10px;
background-color: alpha;
color: white;
list-style-type: none;
}

#corps
{
margin-left: 200px;
margin-top: 105px;
padding: 25px;

background-image: url("images/background_2.jpg");
background-repeat: no-repeat;
background-position: bottom center;
border: 1px ridge red;
color: black;
background-color: white;
text-align: justify;
}

#pied_de_page
{
width: 900px;
clear: left;
margin-top: 500px;

color: white;
text-align: center;
}

div#menu h3
{
text-align: center;
}

J'ai enlever .sous menu vue que j'en avais pas lol merci pour ton coup de main il me reste plus ca bloquer la parti droite je me demande comment je vais faire lol merci encore 0_^

Dalida · Answer

salut,

tu as fait le choix d'une mise en page fluide !!!
normal que ça bouge, c'est justement fait pour&hellip;
-;op
body
{
width: 90%; 
[...]
}
remplace les '%' par des valeurs en 'px' et plus rien ne bougera !

raff · Answer

Je te remerci pour tout Dalida j'ai non seulement la page html correcte avec aucune fautes et le corps a ca place sans qui bouge Merci Beaucoup mon problème est RESSOOLUTT 0_^ 

Dit moi tu apris ou le Html comme ca j'en prends de la graines ^^

Dalida · Answer

sur Internet !!!

le mieux est de choisir une façon de coder particulière.
moi j'ai choisi les standards web et l'accessibilité, après j'ai fait tourner Google !

bonne route !

raff · Answer

Oki merci pour tout le coup de mains Dalida merci aussi pour les autres J'ai une dernière question voila j'ai créer une page partenaires et j'aimerait mettre dnas le corps h3 et h5 le h3 me serre a mettre le titre tendit que le h5 a mettre le sous-titre mais le souci ces que je voudrait seulement mettre la couleur et l'uniforme a cette pages pas aux autres comme Home vous vouliez ce que je veux dire ? exemple : div#corps_partenaires h3, h5 { color: pink; text-align: center; } Sauf que le code ne marche pas lol Donc la page partenaires html ***Grecostyle*** |Partenaires-°¤°-Partners|

Partenaires de Grecostyle

Vous vouliez être partenaires avec nous, il suffit juste de nous laisser
votre site accompagnié d'un bouton, nous verrons si votre site sera accepter ou pas,
pour être partenaires avec Grecostyle ces ici.

Liens de Grecostyle

Nos bannières et bouton

<a href="http://grecostyle.free.fr" target="_blank"> <img src="http://grecostyle.free.fr/partenaires/banniere_3.jpg" width="88" height="35" border="0" alt="Grecostyle" /></a>

<a href="http://grecostyle.free.fr" target="_blank"> <img src="http://grecostyle.free.fr/partenaires/banniere_2.jpg" width="88" height="35" border="0" alt="Grecostyle" /></a>

<a href="http://grecostyle.free.fr" target="_blank"> <img src="http://grecostyle.free.fr/partenaires/bouton.jpg" width="88" height="35" border="0" alt="Grecostyle" /></a>

Puis dans le css j'ai ajouter le code: div#corps h2, h5 { color: Pink; text-align: center; } Voilà cela m'embête un peux il y a t'il une solutions ?

Dalida · Answer

il suffit de changer l'identifiant de la division les contenant.

et les règles de style spécifiques : div#corps_partenaires h3 { }

raff · Answer

Donc en gros j'avais juste sur mon code ?

raff · Answer

A non je croix avoirs compris donc je doit ajouter dans le css #corps_partenaires { margin-left: 200px; margin-top: 105px; padding: 25px; background-image: url("images/background_2.jpg"); background-repeat: no-repeat; background-position: bottom center; border: 1px ridge red; color: black; background-color: white; text-align: justify; } Accompagnié de div#corps_partenaires h2, h5 { color: Pink; text-align: center; } Puis dans la page partenaires je doit mettre

au lieu de

C'est ca ?

Dalida · Answer

banco !!!

raff · Answer

A ok j'ai fait comme ca, c'est super 

Aujourd'hui j'ai pas mal avancer merci pour tout Dalida 

Le problème est résolut !!

Pourquoi mon corps ne reste pas en place XHTM

44 réponses

Discussions similaires