Ce n'est pas celle-ci mais celle là :
http://www.narguile-chicha.info/seerys/html/themes/narguile/images/bg2.gif
L'image dont tu parles sera pour le footer mais pour l'instant je ne m'y intéresse pas. Celle qui me tracasse fais l'arrière plan du site.
Voici le css
html, body {
margin:0;
padding:0;
text-align:center;
}
body {
background-color:#6C3618;
}
a:link { color :white ; text-decoration:none ; font-weight: bold;}
a:visited { color: white ; }
A:hover { color: white ; }
#container {
text-align:left;
margin:0 auto;
padding:0px 32px 0 0;
width:755px;
height:auto;
* height:100%;
background:url(http://www.narguile-chicha.info/seerys/html/themes/narguile/images/bg2.gif) repeat-y;
font: 11px arial,Helvetica, sans-serif;
color: #6C3618;
}
#banner {
margin:0 auto;
background:url(http://www.narguile-chicha.info/seerys/html/themes/narguile/images/final.jpg) no-repeat;
width:786px;
height:551px;
}
#login{
position : relative;
left: 500px;
top: 480px;
width:200px;
height:40px;
border:1px dotted #Fff;
text-transform: uppercase;
}
#login legend {
font: 10px arial, sans-serif;
text-transform: uppercase;
color: #6c3618;
}
#content {
width:676px;
}
dt, dl, dd, ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu {
position : relative;
left: 40px;
top: 0px;
min-height:auto;
}
#menu dl {
float: left;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
padding : 2px;
}
#menu li {
display: inline;
text-align: center;
background: #fff;
border-top: 1px dashed white;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
position : absolute;
left:auto;
top: auto;
font-size: 0.9em;
border-top: 1px dashed white;
width: auto;
}
fieldset {
display : block;
border : none;
margin : 0;
padding : 0;
}
.main {
width:550px;
min-height:auto;
float:left;
padding:10px;
}
#sideBar {
float:left;
width:auto;
min-height:250px;
height:auto;
float:left;
padding:10px 15px;
}
.box {
width:126px;
height:auto;
padding:0 10px;
border:1px dotted #Fff;
}
#navBar {
list-style:none;
margin:5px 0;
padding:0;
}
#navBar a {
text-decoration:none;
padding:5px;
width:136px;
display:block;
color:#666;
border-bottom:1px dashed #Fff;
}
#navBar a:hover {
background:#DFF0F0;
color:#666;
}
#noLine a {
border-bottom:0;
}
h1 {
font-size:28px;
margin:0;
color:#FFF;
}
h2 {
font-size:12px;
margin:0 0 0 5px;
color:#FFF;
}
h3 {
font-size:16px;
margin:0;
}
.comments {
display:block;
width:550px;
text-align:right;
font-size:10px;
margin:0;
font-weight:normal;
color:#999;
padding:10px 0 15px;
border-top:1px dotted #fff;
}
#clear {
clear:both;
}
p {
line-height:1.5em;
}
#copy, #copy a {
padding-top:5px;
text-decoration:none;
text-align:center;
font:10px Arial,Helvetica,sans-serif;
color:#666;
}
#copy a:hover {
color:#369;
}
#bottom {
margin:0 auto;
height:10px;
width:736px;
background:url(bg2c.gif) no-repeat;
}
Le html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>PHP-Nuke Powered Site </title>
<!-- tinyMCE -->
<script language="javascript" type="text/javascript" src="includes/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "default",
language : "french",
editor_css : "includes/tiny_mce/themes/default/editor_ui.css",
force_p_newlines: "false",
force_br_newlines: "true"
});
</script>
<!-- /tinyMCE --><script type="text/javascript">
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
</script><link rel="alternate" type="application/rss+xml" title="RSS" href="backend.php">
<link rel="stylesheet" type="text/css" href="themes/narguile/style/style.css">
</head>
<body>
<div id="container">
<div id="banner">
<fieldset id="login"><legend>Login</legend>
<input type=\"text\" name=\"username\" size=\"10\" maxlength=\"25\" value="Test"> <input type=\"password\" name=\"user_password\" size=\"10\" maxlength=\"20\"><INPUT NAME=Send TYPE=image VALUE="Send" SRC="/seerys/html/themes/narguile/send.gif" ALT="Se logger sur narguile-chicha.info"> </fieldset>
</div>
<div id="menu">
<dl>
<dt onmouseover="montre('smenu1');"><a href="#">Présentation du narguilé</a></dt>
<dd id="smenu1">
<ul>
<li><a href="#">Origine et fonctionnement de la chicha</a></li>
<li><a href="#">Composition du narguilé</a></li>
<li><a href="#">Fonctionnement du narguilé</a></li>
<li><a href="#">Règles et traditions</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="montre('smenu2');"><a href="#">Préparation</a></dt>
<dd id="smenu2">
<ul>
<li><a href="#">Préparer votre chicha</a></li>
<li><a href="#">Astuces</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="montre('smenu3');"><a href="#">Acheter un narguilé</a></dt>
<dd id="smenu3">
<ul>
<li><a href="#">Où acheter sa chicha?</a></li>
<li><a href="#">Achat sur internet</a></li>
<li><a href="#">Achat dans le commerce</a></li>
<li><a href="#">Le cas d"Ebay</a></li>
<li><a href="#">Ne pas se faire avoir</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="montre('smenu4');"><a href="#">Le tabac</a></dt>
<dd id="smenu4">
<ul>
<li><a href="#">Composition et origine</a></li>
<li><a href="#">Liste et classement</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="montre('smenu5');"><a href="#">Les accessoires</a></dt>
<dd id="smenu5">
<ul>
<li><a href="#">Le charbon</a></li>
<li><a href="#">Les autres accessoires</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="montre('smenu6');"><a href="#">Les tests de narguilés</a></dt>
<dd id="smenu6">
</dd>
</dl>
<dl>
<dt onmouseover="montre('smenu7');"><a href="#">Autre</a></dt>
<dd id="smenu7">
<ul>
<li><a href="#">Contact</a></li>
<li><a href="#">Recommandez-nous</a></li>
</ul>
</dd>
</dl>
</div>
<div class="main">
<h3>Test du narguilé rotatif proposé chez lenarguile.fr</h3>
<p>Venez découvrir le test de ce narguilé tout à fait étonnant.
</p>
<span class="comments">Transmis par <a href="">Webmaster</a> le 01 janvier 1970 à 00:59:59 CET (0 lectures)</span></div><div class="main">
<h3>Nouveau design</h3>
<p>Narguile-chicha.info se pare d'un nouvel habit! Une interface plus claire et plus agréable pour une navigation facilitée!
N'hésitez pas a poster vos impressions sur le forum!
</p>
<span class="comments">Transmis par <a href="">Webmaster</a> le 30 novembre 2000 à 00:00:00 CET (0 lectures)</span></div><div id="sideBar">
<div class="box">
Survey<br>
<form action="modules.php?name=Surveys" method="post"><input type="hidden" name="pollID" value="1"><font class="content"><b>Que pensez-vous de notre site?</b></font><br><br>
<input type="radio" name="voteID" value="1"><font class="content">Ummmm, pas mauvais</font>
<input type="radio" name="voteID" value="2"><font class="content">Cool</font>
<input type="radio" name="voteID" value="3"><font class="content">Excellent</font>
<input type="radio" name="voteID" value="4"><font class="content">Le Meilleur!</font>
<input type="radio" name="voteID" value="5"><font class="content">C'est Quoi?</font>
<br><center><font class="content"><input type="submit" value="Vote"></font><br><br><font class="content"><a href="modules.php?name=Surveys&op=results&pollID=1&mode=&order=&thold="><b>Résultats</b></a><br><a href="modules.php?name=Surveys"><b>Sondages</b></a><br><br>Votes: <b>0</b> <br> Commentaires: <b>0</b>
</font></center></form>
</div>
</div></div>
<div id="clear"></div>
<div id="bottom">
</div>
<div id="copy">© 2007 Your Name Here. Site design by <a href="http://www.gorotron.com">gorotron</a>.</div>
</body>
</html>
