Webmaster Hub > Aide pour une feuille css

Version complète: sur le forum Webmaster Hub : Aide pour une feuille css

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

stibo

vendredi 1 décembre 2006 à 20:39

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

CODE

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

vendredi 1 décembre 2006 à 23:31

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

samedi 2 décembre 2006 à 14:44

voici le code html sachant que c est juste un essai

CODE

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

samedi 2 décembre 2006 à 17:10

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

samedi 2 décembre 2006 à 19:20

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

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.