Voila le code html
<body>
<div id="header">
<h2> Le Site des Prodigal Sons </h2>
</div>
<div id="menu">
</br>
<a href="/"><img src="bouton/guitare.jpg"alt=´´> Audio</a></br></br>
<a href="/"><img src="bouton/guitare.jpg"alt=´´> Photo</a></br></br>
<a href="/"><img src="bouton/guitare.jpg"alt=´´> Video</a></br></br>
<a href="/"><img src="bouton/guitare.jpg"alt=´´> Index</a></br></br>
</div>
<div id="body"></br></br><h3> Bonjour vous êtes sur le site des prodigal Sons</h3>
<p>
Maître Corbeau, sur un arbre perché,<br />
Tenait en son bec un fromage.<br />
Maître Renard, par l´odeur alléché,<br />
Lui tint à peu près ce langage :<br />
"Hé ! bonjour, Monsieur du Corbeau.<br />
Que vous êtes joli ! que vous me semblez beau !< br />
Sans mentir, si votre ramage<br />
Se rapporte à votre plumage,<br />
Vous êtes le Phénix des hôtes de ces bois."<br />
A ces mots le Corbeau ne se sent pas de joie ;< br />
Et pour montrer sa belle voix,<br />
Il ouvre un large bec, laisse tomber sa proie.<br />
Le Renard s´en saisit, et dit : "Mon bon Monsieur,<br />
Apprenez que tout flatteur<br />
Vit aux dépens de celui qui l´écoute :<br />
Cette leçon vaut bien un fromage, sans doute. "<br />
Le Corbeau, honteux et confus,<br />
Jura, mais un peu tard, qu´on ne l´y prendrait plus.
</p>
</div>
<div id="footer"> blablabla</div>
</body>
</html>
Et voila le code css
body
{
margin-right:50px;
padding:0px;
width:100%;
font-family: verdana ,arial,sans-serif;
height:100%;
}
- header
{
border-top:1px solid black;
border-bottom:1px solid black;
margin-top:20px;
text-align:center;
}
- header h2
{
font-weight:bold;
margin-right:40px;
color:#278934;
}
a
{
font-family: verdana;
text-decoration: none;
font-weight:bold;
}
- menu
{
border-top: 1px solid black;
border-right:1px solid black;
border-left:1px solid black;
margin-top:25px;
width:125px;
height:100%;
margin-left:50px;
float:left;
}
- menu a
{
margin-left:18px;
font-weight:bold;
font-size:15px;
color:#278934;
}
- body
{
margin-left:250px;
margin-right:50px;
margin-top:25px;
border-right:1px solid black;
border-left:1px solid black;
height:100%;
}
- body h3
{
color:#278934;
text-decoration:none;
margin-right:25px;
margin-left:25px;
margin-top:30px;
text-align:center;
font-size:20;
}
- body p
{
margin-right:30px;
margin-left:30px;
}
a img
{
border:none;
}
- footer
{
border-top:1px solid black;
width:100%;
height:50px;
margin-bottom:10px;
margin-top:15px;
position:bottom;
}
