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() ?
Debugging is twice as hard as writing the code in the first place.
Therefore, if you write the code as cleverly as possible, you are,
by definition, not smart enough to debug it.
http://neamar.fr