Aller au contenu

Sujets conseillés

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

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

Posté

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;

Posté

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

Veuillez vous connecter pour commenter

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



Connectez-vous maintenant
×
×
  • Créer...