Problème de codage :?

raffaele -  
 raffaele -
Bonjours a tous j'aimerait faire mon site mais j'ai deux erreurs les voici en images

L'en_tete, le menu, le corps, le pied_de_page sont tous en colones comment sa ce fait :?:

http://servimg.com/index.php?noimg=1&lang=en&k=136

Deuxième souci rien ne reste fixe quand je réduit la fenêtre

http://servimg.com/index.php?noimg=1&lang=en&k=136

Voici le code Html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>-*-Grecosims-*-</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<META NAME="Author" LANG="fr" CONTENT="Grecosims">
<META NAME="Keywords" LANG="fr" CONTENT="sims,sims2,grecosims,grecosims2,greco,object,objet,telechargements,telechargement,luxe,luxes">
<META NAME="Description" CONTENT="Envie de donner du luxe dans votre vie n'hésitez pas a venir sur notre site, téléchargement consacrée qu'aux sims 2">
<link rel="stylesheet" media="screen" type="text/css"
title="design espace" href="css/style.css"/>
</head>

<body>

<div id="en_tete"><h1>Grecosims</h1></div>
<div id="menu">

<div class="sous_menu">
<h3><a href="index.html">ACCUEIL</a></h3>
</div>

<div class="sous_menu">
<h3><a href="news.html">NEWS</a></h3>
</div>

<div class="sous_menu">
<h3><a href="telechargements.html">TELECHARGEMENTS</a></h3>
</div>

<div class="sous_menu">
<h3><a href="faq.html">FAQ</a></h3>
</div>

<div class="sous_menu">
<h3><a href="partenaires.html">PARTENAIRES</a></h3>
</div>

<div id="corps">
<p>Bienvenue sur Grecosims,</br>
le site est en maintenance pour le moment merci de patienter !</br>

<p>Welcome on Grecosims,</br>
the site is in maintenance for the moment thank you to have patience !
</div>

<div id="pied_de_page">
<p>Copyright © 2007-2008 Grecosims</p>
</div>

</body>
</html>

Puis le code css :

body
{
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: black;
font-family: Arial, "Times New Roman", Times, sans-serif;
}

p
{
text-align: right;
font-family: Times New Roman;
font-size: 18px;
text-align: center;
font-style: normal;
}

h3
{
text-align: auto;
}

a
{
color: white;
text-decoration: none;
}

#en_tete
{
width: 220px;
height: 42px;
position: none;
top: 0px;
left: 0px;
background: url("index.png") no-repeat;
margin: auto;
}

h1
{
text-indent: -50000px;
}

#menu
{
width: 20%;
float: left;
}

.sous_menu
{
margin-top: 20px;

background-color: black;
color: white;
border: 1px solid white;
}

#corps
{
margin-left: 22%;
margin-top: 20px;
padding: 10px;

border: 2px ridge #404040;
color: white;
background-color: #202020;
text-align: justify;
}

#pied_de_page
{
clear: left;
margin-top: 25px;

color: white;
text-align: center;
}
A voir également:

8 réponses

xlasserre Messages postés 6 Statut Membre 1
 
Salut,
Je ne vois pas où ferme ta
<div id="menu">

peut-être une piste ?
0
xlasserre Messages postés 6 Statut Membre 1
 
body
{
width: 90%;
margin-left: auto;
margin-right: auto;
...

avec des %, cela ne reste pas fixe quand tu réduis ta fenêtre, c'est fait pour !
et les margin auto ne doivent pas améliorer cet effet
0
raffaele
 
pour le div de menu il est a la fin
<div id="menu">

<div class="sous_menu">
<h3><a href="index.html">ACCUEIL</a></h3>
</div>

<div class="sous_menu">
<h3><a href="news.html">NEWS</a></h3>
</div>

<div class="sous_menu">
<h3><a href="telechargements.html">TELECHARGEMENTS</a></h3>
</div>

<div class="sous_menu">
<h3><a href="faq.html">FAQ</a></h3>
</div>

<div class="sous_menu">
<h3><a href="partenaires.html">PARTENAIRES</a></h3>
Ici </div>

A d'accord donc si je mettre en px je n'aurait plus le souci d'avant ? avec la fenêtre ?
0
raffaele
 
J'ai parler trop vite voila le resultat j'ai tout mis en px est ca me donne ca

De plus quand je réduit la fenêtre ca bouge encore

http://servimg.com/index.php?noimg=1&lang=en&k=136

Raffaële
0

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

Posez votre question
Serge_La Messages postés 408 Statut Membre 47
 
Bonjour Raffaële,
tes div de menus doivent être assez grands pour contenir tous leurs textes. Essayes avec un width: 300px pour voir.

Serge.
0
raffaele
 
Serge_La Je vous remerci ca fonctionne mais le souci ces l'en-tete comment je fait pour qui soit fixer ? j'aimerait aussi centrer le menu horizental mais je ces pas comment faire pouvait vous encore m'aider ? ^^ puis je voudrait encore juste savoir comment intégrer un deuxième menu ? ^^ merci de votre aide
0
Serge_La Messages postés 408 Statut Membre 47
 
Rebonjour,
Allons une étape à la fois.
Ton en-tête n'a pas besoin d'un div. Met le h1 seulement, non?
Pour centrer du texte, css text-align: center

Serge.
0
raffaele
 
Bonjours problème résolut pour le menu que je voulait centrer j'ai ajouter un width: 750px; a mon .sous-menu pour qu'il soit centrer d'après mon acords est ca fonctionne.
0