Aller au contenu

Aide pour une feuille css

stibo

Par stibo
dans (X)HTML et CSS

 Partager

Sujets conseillés

stibo

stibo

Posté
Posté

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;
}

Lien vers le commentaire
Partager sur d’autres sites
stibo

stibo

Posté
  • Auteur
Posté

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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...