excuse je l'avais pas mis pensant que c'était à l'identique du tuto mais j'ai peut-être fait une erreur.
voici le code CSS :
body {
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.head1{
background-image:url(../images/pleinsdebulle.jpg);
widht:770px;
height:91px;
}
.head2{
background-image:url(../images/banniere14.jpg);
widht:770px;
height:36px;
}
.logo{
float:right;
margin-right:10px;
margin-top:3px;
border:0;
}
.gauche{
position:absolute;
left:0;
background-image:url(../images/photosindex/femmeordi.jpg);
width:181px;
height:337px;
}
.centre{
margin-left: 181px;
width:586px;
}
.menu{
margin-top:30px;
width:160px;
border: 1px solid #060c6f;
background-color: #b7d3f0;
font-family: Verdana, Arial, Helvetica, sans-serif;
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; /* on aligne le menu vertical à droite de son conteneur, head3 */
margin-right: 10px;
margin-top: 10px;
}
.menuhaut a{
font-size:16px;
font-weight:bold;
color:#060c6f;
text-decoration: none;
margin-left: 20px;
}
et voici le code de ma page :
<html>
<head>
<title>ma page sans tableaux</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/cssfree.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="head1">
<img src="images/logo15.jpg" class="logo" alt="logo" />
</div>
<div class="head2">
<div class="menuhaut">
<a href="...">Accueil</a>
<a href="...">Produits</a>
<a href="...">Catalogue</a>
<a href="...">Forum</a>
<a href="...">Contacts</a>
</div>
</div>
<div class="gauche">
<ul class="menu">
<li>Menu 1</li>
<li>Menu2</li>
<li>Menu3</li>
<li>Menu4</li>
<li>Menu5</li>
</ul>
</div>
<div class="centre">
<h1>Mon site web</h1>
<h2>Comment je l'ai construit en css et sans tableaux</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse potenti.
Cras leo nibh, aliquet nec, interdum et, consequat sed, nulla. Praesent
nec quam quis augue auctor pulvinar. Nunc vehicula wisi et mi. Quisque ultricies
volutpat metus. Nulla eu erat sed mauris euismod tempor. Aliquam sit amet quam
vitae massa dignissim fringilla. Nam pharetra lobortis velit. Donec scelerisque,
nisl a molestie vulputate, urna lectus rhoncus ante, in congue lacus erat ac
urna. Duis quam. Phasellus diam eros, ullamcorper dictum, lacinia in, accumsan
vel, felis. Ut at sapien. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos.</p>
<p>Sed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum.
Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor
pellentesque tempus. Aliquam dui nulla, suscipit nec, consectetuer a, fringilla
sit amet, luctus at, purus. Integer nec arcu ac dui placerat rutrum. Maecenas
dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo
tempus nec, erat</p>
</div>
</body>
</html>
voilà peut-être que ca deviendra plus évident.
merci
