Bonjour!Merci déja por l'aide et l'attention que vous m'avez accordée. J'ai toujour le probleme de resolution le code que vous m'avez indiqué néa pas marché .j'ai essayé de le placé et ma page suis pas toujours la résolution de l'écran. voilà mons css et html si celà peut permattre une bonne compréhension.
css:@charset "iso-8859-1";
body
{
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
div#global {
width : 100%;
}
.head1 {
background-image: url('mes images/head1.gif');
width: 770px;
height: 91px;
}
.head2 {
background-image: url('mes images/head2.gif');
width: 770PX;
height: 36px;
}
.gauche {
position: absolute;
left:0;
background-image: url('pas rempli/menu.gif');
width: 230px;
height: 337px;
}
.centre {
margin-left: 220px;
width: 510px;
}
.menu {
margin-top: 0px;
width: 210px;
height: 337px;
border: 1px solid #060C6F;
background-color: #B7D3F0;
font-family: verdana, arial;
font-size: 110%;
text-align: center;
}
h1 {
font-size: 140%;
text-align: right;
}
h2 {
font-size: 100%;
text-align: right;
}
ul,li {
list-style-type: none;
margin: 0;
padding:0;
line-height: 30px;
}
.menuhaut {
float: right;
margin-right: 60px;
margin-top: 10px;
}
.menuhaut a {font-size: 16px;font-weight: bold;color: #060C6F;
text-decoration: none; margin-left: 20px; }
html:
<body>
<div class="head1"></div>
<div class="head2"><div class="menuhaut"> Accueil <a href="..."></a> <a href="...."></a>
</div></div>
<div class="gauche"><ul class="menu">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul></div>
<div class="centre"><h1><div style="text-align: center"><font size="3"></font></div></h1>
<div style="text-align: center">
......monsite....
<div/>
</body>
</html>
Merci encore pour l'aide.
css:@charset "iso-8859-1";
body
{
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
div#global {
width : 100%;
}
.head1 {
background-image: url('mes images/head1.gif');
width: 770px;
height: 91px;
}
.head2 {
background-image: url('mes images/head2.gif');
width: 770PX;
height: 36px;
}
.gauche {
position: absolute;
left:0;
background-image: url('pas rempli/menu.gif');
width: 230px;
height: 337px;
}
.centre {
margin-left: 220px;
width: 510px;
}
.menu {
margin-top: 0px;
width: 210px;
height: 337px;
border: 1px solid #060C6F;
background-color: #B7D3F0;
font-family: verdana, arial;
font-size: 110%;
text-align: center;
}
h1 {
font-size: 140%;
text-align: right;
}
h2 {
font-size: 100%;
text-align: right;
}
ul,li {
list-style-type: none;
margin: 0;
padding:0;
line-height: 30px;
}
.menuhaut {
float: right;
margin-right: 60px;
margin-top: 10px;
}
.menuhaut a {font-size: 16px;font-weight: bold;color: #060C6F;
text-decoration: none; margin-left: 20px; }
html:
<body>
<div class="head1"></div>
<div class="head2"><div class="menuhaut"> Accueil <a href="..."></a> <a href="...."></a>
</div></div>
<div class="gauche"><ul class="menu">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul></div>
<div class="centre"><h1><div style="text-align: center"><font size="3"></font></div></h1>
<div style="text-align: center">
......monsite....
<div/>
</body>
</html>
Merci encore pour l'aide.