Bon je ne peux vous donner de lien vers mon design ,mais je peux donner le code:
Html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon super site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
@import url("style-scrollable.css");
@import url("style2.css");
</style>
</head>
<body>
<div id="global">
<!-- L'en-tête -->
<div id="en_tete">
</div>
<!-- La barre de navigation-->
<div id="menu_haut">
</div>
<!-- Les menus -->
<div id="menu">
<div class="element_menu">
<h3>Menu 1</h3>
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<h3>Menu 2</h3>
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<h3>Menu 3</h3>
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</div>
</div>
<!-- Le corps -->
<div id="corps">
<h1>corps</h1>
<div id="contenu">
<p class="texte">
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
texte<br />
</p>
</div>
<hr />
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
Copyright "project 40k" 2005, tous droits réservés
</div>
</div>
</body>
</html>
Et le code css:
body
{
width: 99%;
margin: auto;
margin-top: 10px;
margin-bottom: 0px;
background-color: #000000;
}
#global
{
border: 1px solid #808080;
background-image: url('fond.gif');
}
#en_tete
{
width: 100%;
height: 156px;
background-image: url("fond_banniere.jpg");
background-repeat: repeat-x;
margin-bottom: 0px;
border: 1px solid #808080;
}
#menu_haut
{
width: 100%;
height: 20px;
margin-top: 0px;
margin-bottom: 10px;
background-color: #777777;
border: 1px solid #808080;
}
#menu
{
float: left;
width: 120px;
padding-bottom: 0px;
}
#corps
{
margin-left: 140px;
margin-bottom: 100px;
padding-bottom: 0px;
font-family: Verdana ,Simsun ,Arial, "Arial Black", "Times New Roman";
font-size: 9pt;
background-image: url("bas.jpg");
border: 1px solid #808080;
}
hr
{
clear: both;
display:block;
height: 1px;
margin: -1px;
}
}
#contenu
{
float: left;
margin: 0px;
padding: 0px;
width: 100%;
height: 400px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
background-color: #eaeaea;
}
#pied_de_page
{
width: 100%;
padding: 0px;
text-align: center;
color: black;
border: 1px solid #808080;
height: 20px;
background-image: url("haut_menu.jpg");
}
Je ne mets pas le code du fichier style2.css parce que c'est juste du code pour les effets de style, pas le positionnement quoi!
En espérant que ça puisse vous aider!
Ou sinon si tu as une adresse msn on pourrait voir ça ensemble?
Ca serai plus simple comme ça je pense!
Modifié par Solarius (26 Feb 2005 - 17:29)
