Sujet Précédent Sujet Suivant

Pourquoi mon corps ne reste pas en place XHTM

raff -  
 raff -
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

44 réponses

Précédent
Réponse 21 / 44
Gihef Messages postés 5165 Statut Contributeur 2 779
 
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 ?
0
Réponse 22 / 44
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
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é…

mais moi j'dis ça, j'dis rien…
0
Réponse 23 / 44
raff
 
Est-ce que tu la deja fait le h1 -1000px ..ect.. ?
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
oui !!!
un exemple fait hier et qui utilise la méthode.
au lieu de '-1000px', je mets '-1000em' d'habitude. je me suis trompé !

la technique permet d'avoir un titre graphique mais aussi html. le tout étant valide et accessible !
0
Réponse 24 / 44
raff
 
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 25 / 44
raff
 
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 ^^
0
Réponse 26 / 44
raff
 
Dalida ta répondu mais je ne voix pas ton messages ou il est ? 0_o *?
0
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Ton message a le n° 28.

Édition—Rechercher    27
ou
pourquoi mon corps ne reste pas en place xhtm#27
0
Réponse 27 / 44
raff
 
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
0
Réponse 28 / 44
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
de quelle version du code parles-tu ?
copie nous la partie avec 'MENU', stp.

au hasard : 
div#menu h3
{
text-align:center;
}
0
Réponse 29 / 44
raff
 
Si je mais seulement
h3
{
text-align:center;
}

Ca marche comme même mais je ne ces pas si j'ai juste 0_o ^-^
0
Réponse 30 / 44
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
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 "<h3>" dans ta page, il sera lui aussi centré. alors que moi j'ai "ciblé" le '<h3>' du menu donc il n'y aura que lui de concerné.
0
Réponse 31 / 44
raff
 
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_^"
0
Réponse 32 / 44
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
dans un premier temps un peu de lecture, il faut que tu te formes un peu sinon tu ne t'en sortiras jamais.
• xhtml
• 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.

à +
0
Réponse 33 / 44
raff
 
Bon bien pour le code Html le voici

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>
<title>***Grecostyle***</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" lang="fr" content="Grecostyle" />
<meta name="Keywords" lang="fr" content="sims,sims2,grecostyle,grecosimstyle,greco,vetement,fashion,telechargements,telechargement,luxe,luxes" />
<meta name="Description" content="Grecostyle rentre dans la mode de vos sims" />

<link rel="stylesheet" media="screen" type="text/css"title="design espace" href="css/style.css" />

</head>

<body>

<div id="en_tete"></div>

<div id="menu">

<div class="sous_menu">
<h3>MENU</h3>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="news.html">NEWS</a></li>
<li><a href="vetements.html">VETEMENTS</a></li>
<li><a href="accessoires.html">ACCESSOIRES</a></li>
<li><a href="genes.html">GENES</a></li>
<li><a href="maquillages.html">MAQUILLAGES</a></li>
<li><a href="coiffures.html">COIFFURES</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="partenaires.html">PARTENAIRES</a></li>
<li><a href="mailto:raff_webmaster@hotmail.fr">CONTACT</a></li>
</ul>
</div>
</div>

<div id="corps">
<p>Bonjours a toutes et a tous,
<br/>
<br/>
Grecostyle ouvre c'est porte aujourd'hui c'est à dire le 25 Septembre 2007.<br/>
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,<br/>
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".<br/>
Pour les navigateurs qui sont sous firefox, nous vous proposont d'aller visiter ce site sous Internet explore 7,<br/>
nous excusion encore pour ce dérangement.<br/>
<br/>
<br/>
</p>
</div>

<div id="pied_de_page">
<h6>Best viewed: Internet Explore 7 | Copyright © 2007-2008 <a href="mailto:raff_webmaster@hotmail.fr">Grecostyle</a></h6>
</div>

</body>
</html>

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_^
0
Réponse 34 / 44
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
je t'ai fait les modifs nécessaires mais c'est basique tu verras vite.
j'ai mis les css dans le '<head>' pour pouvoir tester sur ma machine, il faut juste que tu les remettes dans le fichier. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

	<head>
		<title>***Grecostyle***</title>

		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<meta name="Author" lang="fr" content="Grecostyle" />
		<meta name="Keywords" lang="fr" content="sims,sims2,grecostyle,grecosimstyle,greco,vetement,fashion,telechargements,telechargement,luxe,luxes" />
		<meta name="Description" content="Grecostyle rentre dans la mode de vos sims" />

		<link rel="stylesheet" media="screen" type="text/css"title="design espace" href="css/style.css" />

		<style type="text/css">
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;
}

div#en_tete
{
border:1px solid red;
}
div#en_tete h1
{
width: 780px;
height: 210px;
background: url("images/banniere_1.jpg") center no-repeat;
margin:0;
text-indent:-1000px;
overflow:hidden;
}
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;
color: pink;
border: 1px ridge red;
}
li
{
margin-right: 0px;
margin-top: 10px;
background-color: transparent;
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
{
clear: left;
margin-top: 500px;
color: white;
text-align: center;
}
div#menu h3
{
text-align: center;
}
		</style>

	</head>

		<body>

		<div id="en_tete">
			<h1>Grecostyle</h1>
		</div>

		<div id="menu">
			<h3>MENU</h3>
			<ul>
				<li><a href="index.html">HOME</a></li>
				<li><a href="news.html">NEWS</a></li>
				<li><a href="vetements.html">VETEMENTS</a></li>
				<li><a href="accessoires.html">ACCESSOIRES</a></li>
				<li><a href="genes.html">GENES</a></li>
				<li><a href="maquillages.html">MAQUILLAGES</a></li>
				<li><a href="coiffures.html">COIFFURES</a></li>
				<li><a href="faqs.html">FAQs</a></li>
				<li><a href="partenaires.html">PARTENAIRES</a></li>
				<li><a href="mailto:raff_webmaster@hotmail.fr">CONTACT</a></li>
			</ul>
		</div>

		<div id="corps">
			<p>Bonjours a toutes et a tous,
			<br/>
			<br/>
			Grecostyle ouvre c'est porte aujourd'hui c'est à dire le 25 Septembre 2007.<br/>
			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,<br/>
			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".<br/>
			Pour les navigateurs qui sont sous firefox, nous vous proposont d'aller visiter ce site sous Internet explore 7,<br/>
			nous excusion encore pour ce dérangement.<br/>
			<br/>
			<br/>
			</p>
		</div>

		<div id="pied_de_page">
			<h6>Best viewed: Internet Explore 7 | Copyright © 2007-2008 <a href="mailto:raff_webmaster@hotmail.fr">Grecostyle</a></h6>
		</div>

	</body>
</html>
0
Réponse 35 / 44
raff
 
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_^
0
Réponse 36 / 44
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

tu as fait le choix d'une mise en page fluide !!!
normal que ça bouge, c'est justement fait pour…
-;op 
body
{
width: 90%; 
[...]
}

remplace les '%' par des valeurs en 'px' et plus rien ne bougera !
0
Réponse 37 / 44
raff
 
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 ^^
0
Réponse 38 / 44
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
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 !
0
Réponse 39 / 44
raff
 
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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>
<title>***Grecostyle*** |Partenaires-°¤°-Partners|</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" lang="fr" content="Grecostyle" />
<meta name="Keywords" lang="fr" content="sims,sims2,grecostyle,grecosimstyle,greco,vetement,fashion,telechargements,telechargement,luxe,luxes" />
<meta name="Description" content="Grecostyle rentre dans la mode de vos sims" />

<link rel="stylesheet" media="screen" type="text/css" title="design espace" href="css/style.css" />

</head>

<body>

<div id="en_tete"></div>

<div id="menu">

<div class="sous_menu">
<h3>MENU</h3>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="news.html">NEWS</a></li>
<li><a href="vetements.html">VETEMENTS</a></li>
<li><a href="accessoires.html">ACCESSOIRES</a></li>
<li><a href="genes.html">GENES</a></li>
<li><a href="maquillages.html">MAQUILLAGES</a></li>
<li><a href="coiffures.html">COIFFURES</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="partenaires.html">PARTENAIRES</a></li>
<li><a href="mailto:raff_webmaster@hotmail.fr">CONTACT</a></li>
</ul>
</div>
</div>

<div id="corps">

<h2>Partenaires de Grecostyle</h2>

<p>Vous vouliez être partenaires avec nous, il suffit juste de nous laisser<br/>
votre site accompagnié d'un bouton, nous verrons si votre site sera accepter ou pas,<br/>
pour être partenaires avec Grecostyle ces <a href="mailto:raff_webmaster@hotmail.fr">ici</a>.</p>

<h2>Liens de Grecostyle</h2>
<h5>Nos bannières et bouton</h5>
<h5><img src="partenaires/banniere_3.jpg"/>
<br/>
<br/>
<textarea cols="35" rows="3" onFocus="this.style.backgroundColor='#FF6EC7'"
onBlur="this.style.backgroundColor='#EBC79E'">
<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>
</textarea><br/>
<br/>
<img align=center src="partenaires/banniere_2.jpg"/>
<br/>
<br/>
<textarea cols="35" rows="3" onFocus="this.style.backgroundColor='#FF6EC7'"
onBlur="this.style.backgroundColor='#EBC79E'">
<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>
</textarea><br/>
<br/>
<img align=center src="partenaires/bouton.jpg"/>
<br/>
<br/>
<textarea cols="35" rows="3" onFocus="this.style.backgroundColor='#FF6EC7'"
onBlur="this.style.backgroundColor='#EBC79E'">
<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>
</textarea>
<br/>
<br/>
<br/>
<br/>
</h5>
</div>

<div id="pied_de_page">
<h6>Best viewed: Internet Explore 7 | Copyright © 2007-2008 <a href="mailto:raff_webmaster@hotmail.fr">Grecostyle</a></h6>
</div>

</body>
</html>

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 ?
0
Réponse 40 / 44
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
il suffit de changer l'identifiant de la division les contenant. 
 <div id="corps_partenaires">

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

Discussions similaires

Que veut dire " in da place " ?
westcoastDJ -
fyu -

9 réponses
arobase disparu du clavier
internic2 -
Zenkiaw -

50 réponses
Calibri titre vs. Calibri corps
xuorel -
xuorel -

2 réponses
Tilde (~) à la place de l'arobase (@)
Raphael Polizzi -
Raphael Polizzi -

2 réponses
Les meilleurs places bercy / accor hotel arena
sisi -
baladur13 -

8 réponses