Aide pour une feuille css

stibo · 1 Décembre 2006

Voila mon probleme le corp du site s'affiche pas bien je voudre savoir pourquoi voivi le code css

body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 2px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */

}
#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("images/kit-site_01.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
#menu
{
float: left;
width: 120px;background-color: #626262;
background-image: url("images/kit-site_03.jpg");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px;

}

#corps
{
margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
 margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
 padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
 color: #B3B3B3;
 background-image: url("images/kit-site_8.jpg");
 border: 2px solid  30px;
 background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
 padding-left: 30px;
 text-align: left;
 text-align: center;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
padding-right:150px;
}
#pied_de_page
{padding: 5px;
text-align: center;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/kit-site_12.jpg");
background-repeat: repeat-x;
border: 2px solid black;
}

actionscript · 1 Décembre 2006

salut.

Si tu pouvais aussi nous montrer le code source de ton fichier html, voir nous donner un lien vers la page de ton site, ce serait mieux

stibo · 2 Décembre 2006

voici le code html sachant que c est juste un essai

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon super site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

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

<body>

<!-- L'en-tête -->

<div id="en_tete">

</div>

<!-- Les menus -->

<div id="menu"> 
<div class="element_menu">
<h3>Titre menu</h3>


<!-- Le corps -->

<div id="corps">
<h1>Mon super site</h1>

<p>
Bienvenue sur mon super site !<br />
Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D
</p>

<h2>A qui s'adresse ce site ?</h2> 
<p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)<br />
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2> 
<p>
L'auteur du site ? Bah, c'est moi, quelle question :-p<br />
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br />
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>
</div>

<!-- Le pied de page -->

<div id="pied_de_page">
<p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
</div>

</body>
</html>

voila

PotatoesJunky · 2 Décembre 2006

Ca n'a probablement rien à voir, mais dans ton id corps, tu déclares :

padding: 5px;

padding-left: 30px;

padding-right:150px;

Ca fait un peu beaucoup de paddings...

Remplace tout ça par :

padding : 5px 150px 5px 30px;

stibo · 2 Décembre 2006

Merci a toi, j ai reussi a trouve mon erreur la balise div menu ete mal referme j ai oublie le slash (/)

Connexion

Aide pour une feuille css

Sujets conseillés

stibo

actionscript

stibo

PotatoesJunky

stibo

Veuillez vous connecter pour commenter

Parcourir

Activité