Aide structure svp

Fermé
ruca - 15 févr. 2008 à 15:52
ptitange89 Messages postés 241 Date d'inscription samedi 9 juin 2007 Statut Membre Dernière intervention 9 janvier 2009 - 15 févr. 2008 à 15:54
Bonjour à tous, voici mon travail:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<link href="Accueil/accueil.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
 
<div id="en_tete"><img src="Accueil/images/general/banniere.png" alt="banniere" width="100%" height="100" /></div>
 
 
 
<div id="menu_haut"> <!-- /* début du menu en haut */ -->
   <ul id="nav">
      <li><a href="#" title="aller à la section 1">item1</a></li>
      <li><a href="#" title="aller à la section 2">item2</a></li>
      <li><a href="#" title="aller à la section 3">item3</a></li>
      <li><a href="#" title="aller à la section 4">item4</a></li>
      <li><a href="#" title="aller à la section 5">item5</a></li>
      <li><a href="#" title="aller à la section 6">item6</a></li>
      <li><a href="#" title="aller à la section 7">item7</a></li>
      <li><a href="#" title="aller à la section 8">item8</a></li>
   </ul>
</div> <!-- /* fin du menu en haut */ -->
 
 
 
<div id="menu_gauche"> <!-- /* début du menu à gauche */ -->
   <ul>
      <li><a href="">lien1</a></li>
      <li><a href="">lien2</a></li>
      <li><a href="">lien3</a></li>
   </ul>
</div> <!-- /* fin du menu à gauche */ -->
 
 
 
<div id="menu_droite"> <!-- /* début du menu à droite */ -->
   <ul>
      <li><a href="">lien1</a></li>
      <li><a href="">lien2</a></li>
      <li><a href="">lien3</a></li>
   </ul>
</div> <!-- /* fin du menu à droite */ -->
 
 
 
<div id="corps"> <!-- /* début du corps */ -->
 
  <div id="colG">colone de gauche  <!-- /* début colone de gauche */ -->
     <h2>Titre1</h2>
        <p>texte bla bla bla</p>
 
  </div>  <!-- /* fin colone de gauche */ -->
 
 
   <div id="colD">clone de droite  <!-- /* début colone de droite */ -->
      <h2>Titre2</h2>
         <p>texte bla bla bla</p>
 
   </div> <!-- /* fin colone de droite */ -->
 
</div> <!-- /* fin du corps */ -->
 
 
 
<div id="pied_de_page">pied de page</div>
 
 
 
</body>
</html>


@charset "utf-8";
/* CSS Document */
body {
width:100%;
margin:0;
padding::0;
}
 
#en_tete {
position:fixed;
height:100px;
top:0;
border:2px solid red;
}
 
#menu_haut {
position:fixed;
top:100px;
}
#nav {
list-style:none;
margin:0;
padding:0;
overflow:hidden;
}
#nav li {
float:left;
width:100px;
border:1px solid #600;
margin-right:1px;
color:#fff;
background:#c00;
}
#nav li a {
display:block;
background:#c00;
color:#fff;
font:1em "Trebuchet MS",Arial,sans-serif;
line-height:1em;
padding:4px 0;
text-align:center;
text-decoration:none;
}
#nav li a:hover, #nav li a:focus, #nav li a:active {
background:#900;
text-decoration:underline;
}
 
#menu_gauche {
position:fixed;
background-color:#FFCC00;
float:left;
width:15%;
text-align:left;
font:1em "Trebuchet MS",Arial,sans-serif;
top:150px;
border:2px solid red;
}
 
#menu_droite {
position: fixed;
background-color:#FFCC00;
float:right;
width: 15%;
text-align:left;
font:1em "Trebuchet MS",Arial,sans-serif;
top:150px;
border:2px solid red;
}
 
#corps {
border:2px solid red;
margin-left:17%;
margin-right:17%;
}
 
#colG {
float:left;
width:50%;
}
 
#colD {
float:right;
width:50%;
}
 
#pied_de_page {
position: fixed;
background-color:#33FF00;
width:100%;
height:50px;
text-align:center;
font:1em "Trebuchet MS",Arial,sans-serif;
bottom:0;
border:2px solid red;
clear:both;
}


Je vous demande donc de me corriger. Merci!

1 réponse

ptitange89 Messages postés 241 Date d'inscription samedi 9 juin 2007 Statut Membre Dernière intervention 9 janvier 2009 24
15 févr. 2008 à 15:54
mdr jcomprend kedal
0