J'ai consulté la FAQ et je n'ai pas trouvé de réponse.
Pour ce qui est de la recherche, je n'ai rien trouvé non plus. Mais peut etre ai-je mal cherché ou mal entré ma recherche. J'ai l'impression que mon probleme est générique. On dirai que le script ne trouve pas l'image qui se trouve dans le répertoire design.
Enfin bon, en fait je sais pas trop.
ci dessous mon CSS:
body {
font-family: Verdana, Arial, Helcetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
background-color: #000000;
}
/*bandeau*/
#head {
height: 100px;
background-image: url('design/head.gif');
}
/*zone de texte*/
#centre {
background-color:#9999CC;
margin-left: 160px;
margin-right: 160px;
}
/*espace membre*/
#membre {
background-color:#FF3333; /*voir pour mettre une image*/
height: 32px;
}
/*menu de gauche*/
#gauche {
position: absolute;
left: 0px;
width: 160px;
background-color:#3399FF;/*mettre la couleur de fond*/
}
/*menu de droite*/
#droite {
position: absolute;
right: 0px;
width: 160px;
background-color:#3399FF;/*mettre la couleur de fond*/
}
/*position des cadres de titre de menu*/
#cadre {
position: absolute;
left: 0px;
width: 160px;
background-image: url('design/cadretitre.gif');
}
/*pied de page*/
#pied {
height: 30px;
text-align: center;
background-image: url('design/pied.gif');
}
/*titre de page*/
#titre {
margin-left: 160px;
margin-right: 160px;
height: 20;
background-color:#45536C;/*voir pour mettre une image*/
}
/*composition du menu de gauche*/
.menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu li {
margin-bottom: 5px;
}
.menu a {
margin:10px;
color: #000000;
text-decoration: none;
}
.menu a:hover {
text-decoration: none;
}
/*composition du menu de droite*/
.menud {
list-style-type: none;
margin: 0;
padding: 0;
}
.menud li {
margin-bottom: 5px;
}
.menud a {
margin: 10px;
color: #000000;
text-decoration: none;
}
.menud a:hover {
text-decoration: none;
}
.titre {
margin: 0px;
font-weight: bold;
color: #FFFFFF;
}
/*logo*/
.logo {
float: left;
margin-left: 10px;
margin-top: 5px;
border: 0;
}
et maintenant le script
[code]<head>
<title>Chef des Travaux</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="head">
<img src="design/logo.gif" class="logo" alt="logo" /></div>
<div id="membre"></div>
<div id="gauche">
<ul class="menu">
<li><a href="">menu 1</a></li>
<li><a href="">menu 2</a></li>
<li><a href="">menu 3</a></li>
<li><a href="">menu 4</a></li>
</ul>
</div>
<div id="droite">
<ul class="menud">
<li><a href="">menu 1</a></li>
<li><a href="">menu 2</a></li>
<li><a href="">menu 3</a></li>
<li><a href="">menu 4</a></li>
</ul>
</div>
<div id="titre">
<ul class="titre">titre de la page</ul>
</div>
<div id="centre">
ici c'est la zone de texte<br>
voila<br>
c'est un test<br>
encore<br>
bis
</div>
<div id="pied">
<ul class="titre">c'est le copy</ul>
</div>
</body>
</html>
dans le repertoire design se trouve l'image logo.gif
D'avance merci pour votre aide.