Probleme avec css

Fermé

luffy33 Messages postés 2 Date d'inscription vendredi 21 juillet 2006 Statut Membre Dernière intervention 21 juillet 2006 - 21 juil. 2006 à 12:48
luffy33 Messages postés 2 Date d'inscription vendredi 21 juillet 2006 Statut Membre Dernière intervention 21 juillet 2006 - 21 juil. 2006 à 17:04

bonjour,
j'ai esayer tout les mesure possible mais le corp de ma page web reste toujour endessou des menu.
merci de me venir en aide.

<!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/banniere_one_piece09.jpg"/>
 </div>
     <div id="menu">
</div>       
           <div class="element_menu">
               <h3>Titre menu</h3>
               <ul>
                   <li><a href="page1.html">Lien</a></li>
                   <li><a href="page2.html">Lien</a></li>
                   <li><a href="page3.html">Lien</a></li>
               </ul>
           </div>

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

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

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

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

.element_menu
{
   background-color: #626262;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
}
#corps
{
   margin-left: 100px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #626262;
   
   border: 2px solid black;
}
</style>
   </body>
</html>

A voir également:

Probleme avec css
Enlever couleur lien css ✓ - Forum CSS
Mettre une image à gauche css ✓ - Forum CSS
Css exposant ✓ - Forum CSS
Déplacer une image css - Forum CSS
Css download - Télécharger - HTML

3 réponses

Réponse 1 / 3

JEROMAX Messages postés 274 Date d'inscription jeudi 22 février 2001 Statut Membre Dernière intervention 7 octobre 2013 10
21 juil. 2006 à 14:41

Tu dois mettre tes styles, au pire dans le header, au mieux dans un fichier séparé.
Surtout que sur le code que tu nous montre, c'est écrit "<title>Exemple de CSS dans le header</title>" alors que tu le met dans le corps de la page...

Réponse 2 / 3

lami20j Messages postés 21331 Date d'inscription jeudi 4 novembre 2004 Statut Modérateur, Contributeur sécurité Dernière intervention 30 octobre 2019 3 567
21 juil. 2006 à 14:58

Salut,

http://fr.selfhtml.org/css/formats/index.htm

lami20j

Réponse 3 / 3

luffy33 Messages postés 2 Date d'inscription vendredi 21 juillet 2006 Statut Membre Dernière intervention 21 juillet 2006
21 juil. 2006 à 17:04

re bonjour,
merci

Discussions similaires

[CSS] Forcé retour à la ligne

trait horizontal avec du css

HTML - définir taille bouton

[CSS] Mettre un objet au premier plan

Enlever le soulignement sous les liens en HTML/CSS

Discussions similaires

Newsletters