créer un site


la barre de menu ne veu pas laisser de la place au corp

Poster un nouveau sujet sur css   Répondre au sujet à css:la barre de menu ne veu pas laisser de la place au corp    Accueil Forum -> css
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
luffy33
frontpage mioche
frontpage mioche
Messagela barre de menu ne veu pas laisser de la place au corp , Posté le: 19-07-2006 16:56

bonjour,
je suis dans la création d'un site web mais j'ai un probleme avec le menu et le corp de la page.MOn site web est un site de design de taille fixe.
mon menu et sou menu prend toutes la place et le corp de ma page et endessou du menu.Sa je c pourquoi paske mon menu est un menu float.
alor je mais 140 px pour le corp de la page et 120 px pour le menu et sous menu.
Mais le corp de la page ne vien toujour pa se metre au ilieu de la page il reste tjr endessou du menu.
Code:
<!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>Bienvenue sur mon site !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   </head>
   <body>
       <div id="en_tete">
   <img src="images/banni.jpg"/>

   <div class="element_menu">
       <h2>One piece </h2>
         <h4>histoir</h4>
       <ul>
           <li><a href="page1.html">Lien</a></li>
           <li><a href="onepiece.html">Lien</a></li>
       </ul>
   </div>

   <div class="element_menu">
       <h2>Naruto</h2>
        <h4>Histoire</h4>
       <ul>
           <li><a href="liens.html">Lien</a></li>
           <li><a href="naruto.html">Lien</a></li>
       </ul>
   </div>
            <div id="corps">
   <h1>Mon super site</h1>

   <p>
       Bienvenue sur mon super site !<br />
      salut sa va !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

   <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>
       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 id="pied_de_page">
   <img src="images/mugiwara.png"/>
</div>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <style type="text/css">
           body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-image: url("images/wallpapers-002.jpg");
}

 <title>Exemple de CSS dans le header</title>

#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("images/banni.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

           #menu
{
   float: left;
   width: 120px;
}

.element_menu
{
   background-color: #626262;
   
   border: 2px solid black;
[code]   [/code]
   margin-bottom: 20px;
}

ne faites pas atention a se que j'ai ecrit dans les code.
merci de m'aidé
Montrer les messages depuis:   
Poster un nouveau sujet sur css   Répondre au sujet à css:la barre de menu ne veu pas laisser de la place au corp    Accueil Forum -> css Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
S'enregistrerS'enregistrer
ProfilProfil
Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés
RechercherRechercher
Liste des MembresMembres
FAQFAQ
ConnexionConnexion 


© Mentions Légales