Aide structure svp
ruca
-
ptitange89 Messages postés 246 Statut Membre -
ptitange89 Messages postés 246 Statut Membre -
Bonjour à tous, voici mon travail:
Je vous demande donc de me corriger. Merci!
<!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!
A voir également:
- Aide structure svp
- Logiciel calcul structure bois gratuit - Télécharger - Architecture & Déco
- Structure d'un rapport de stage - Guide
- Structure url - Guide
- Trouvez l'erreur dans la structure du document et corrigez-la. - Forum Word
- Pdf structure 40 - Forum PDF
