Puisqyue vous tenez au code :
<html>
<head>
<title>Test de menu XP</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="french/english" />
<meta name="title" content="TXT2JPG : Pour les possesseurs de Creative, Archos, Cowon, Apple et autres" />
<meta name="description" content="TXT2JPG permet de transformer des fichiers texte (txt, word, rtf, pdf,lrc) en fichiers jpg lisibles sur son baladeur. Un moyen de lire ses e-books, ou les lyrics d'une piste..." />
<meta name="keywords" content="txt2jpg, TXT2JPG, texte, jpg, bmp, lyrics, lrc, enhanced, read, txt2bmp, lire, image, baladeur, zen vision m, ipod, creative, archos, pochette, lyrics, e-book, ebook, e-books, baladeurs, album, text, viewer, apple, Powerpoint, POWERPOINT, powerpoint, conversion, gif2avi, GIF2AVI, zen v plus, zen v, zen, 604, 404, cowon, vb6fr, lyric, parole, image, simplicité, chapitres, zune" />
<meta name="owner" content="free.fr" />
<meta name="author" content="Neamar" />
<meta name="robots" content="all" />
<meta name="rating" content="general" />
<link rel="shortcut icon" href=" http://neamar.free.fr/favicon.ico " />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div id="Menu">
<div class="SousMenuTitre" onclick="javascript:Retrecir('General');"><p class="MenuTitre">General TXT2JPG</p></div>
<div class="SousMenu" id="SousMenu_General">
<p>
<a class="MenuLink" href="Presentation.php" onmouseover="javascript:ShowDetail(this);"><img src="Pics/Menu/Presentation.PNG" width="20px" height="20px" alt="" />Présentation génerale</a><br />
<a class="MenuLink" href="Compatibles.php" onmouseover="javascript:ShowDetail(this);"><img src="Pics/Menu/Compatibles.PNG" width="20px" height="20px" alt="" />Baladeurs compatibles</a><br />
<a class="MenuLink" href="Partenaires.php" onmouseover="javascript:ShowDetail(this);"><img src="Pics/Menu/Partenaires.PNG" width="20px" height="20px" alt="" />Partenaires</a><br />
<a class="MenuLink" href="Contact.php" onmouseover="javascript:ShowDetail(this);"><img src="Pics/Menu/Contact.PNG" width="20px" height="20px" alt="" />Contact</a><br />
</p>
</div>
<div class="SousMenuTitre" onclick="javascript:Retrecir('Windows');"><p class="MenuTitre">Windows TXT2JPG</p></div>
<div class="SousMenu" id="SousMenu_Windows">
<p>
<a class="MenuLink" href="Telecharger.php" onmouseover="javascript:ShowDetail(this);"><img src="Pics/Menu/Telecharger.PNG" width="20px" height="20px" alt="" />Telechargement</a><br />
<a class="MenuLink" href="Stats.php" onmouseover="javascript:ShowDetail(this);"><img src="Pics/Menu/Stats.PNG" width="20px" height="20px" alt="" />Statistiques</a><br />
<a class="MenuLink" href="Tutorial.php" onmouseover="javascript:ShowDetail(this);"><img src="Pics/Menu/Tutorial.PNG" width="20px" height="20px" alt="" />Tutorial</a><br />
<a class="MenuLink" href="Video.php" onmouseover="javascript:ShowDetail(this);"><img src="Pics/Menu/Video.PNG" width="20px" height="20px" alt="" />Vidéo</a><br />
</p>
</div>
<div class="SousMenuTitre" onclick="javascript:Retrecir('Online');"><p class="MenuTitre">Online TXT2JPG</p></div>
<div class="SousMenu" id="SousMenu_Online">
<p>En préparation...</p>
</div>
<div class="SousMenuTitre" onclick="javascript:Retrecir('Details');"><p class="MenuTitre">Détails</p></div>
<div class="SousMenu" id="SousMenu_Details">
<p id="TexteDetail"><img src="Pics/Menu/Logo.PNG" alt="" id="ImgDesc" /><br />
<span id="TxtDesc">TXT2JPG<br />-© Neamar 2007-</span>
</p>
</div>
</div>
<div id="Main" onmouseover="javascript:SwapDetail();">
</div>
<script src="fonctions.js" type="text/javascript"></script>
</body>
</html>
Et pour le CSS :
body
{
background-color: rgb(255,255,255);
background: url("Pics/Back/Video.JPG") no-repeat bottom right fixed;
}
#Menu
{
width:229px;
height:600px;
background-image:url("Pics/Back/back.JPG");
border-right:2px solid gray;
padding-top:25px;
padding-left:12px;
margin-top:-15px;
margin-left:-10px;
background-repeat:no-repeat;
}
.SousMenuTitre
{
background-image:url("Pics/Menu/Header.PNG");
margin-top:15px;
margin-bottom:0px;
padding-left:13px;
padding-top:5px;
height:25px;
width:204px;
background-repeat:no-repeat;
cursor:pointer;
}
.SousMenuTitre:hover
{
background-image:url("Pics/Menu/HeaderHover.PNG");
}
.SousMenu
{
background-color:rgb(214,223,247);
margin-top:0px;
width:204px;
border:1px solid white;
border-top:none;
padding:12px;
}
.MenuLink
{
color:rgb(33,93,198);
font-size:13px;
text-decoration:none;
font-family: "Times New Roman","Arial";
}
.MenuLink:hover
{
color:rgb(66,142,255);
text-decoration:underline;
}
.MenuTitre
{
font-weight:bold;
color:rgb(33,93,198);
font-size:13px;
margin-bottom:0px;
}
.MenuTitre:hover
{
color:rgb(66,142,255);
}
a img
{
border:none;
width:15px;
height:15px;
}
#TexteDetail
{
font-size:13px;
text-align:center;
}
#Main
{
position:absolute;
left:240px;
top:15px;
min-height:800px;
}
Puisque je suis là,
-min-height ne fonctionne pas sous IE ?
-Comment appliquer une fonction Javascript lorsqu'un element survient à n'importe quel element d'une class ? Par exemple : onmouseover_onclass('Heel'), launch function bleu() ?
Before you criticize someone, you should walk a mile in their shoes. That way when you criticize them, you are a mile away from them and you have their shoes.
http://neamar.free.fr
Ou le portail général :
http://neamar.fr 
