Forum de discussion
Forum « Programmation HTML » (archives)
Voici Code HTML et CSS
Envoyé: 13 octobre 2005, 4h31 par nico42
<div id="menu1" style="z-index: 508; visibility:visible">
<dt onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();"><img src="images/menu-relttier.gif"></dt>
<dd style="display: none; width:153px; visibility:visible" id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
<ul>
<li><a href="fiches/Fiche%20GTT%20-%20gestion%20des%20contacts%20tt.ppt">Gestion des contacts tout tiers</a></li>
<li><a href="fiches/Fiche%20GTT%20-%20Synthèses%20patrimoine.ppt">Synthèse Patrimoine</a></li>
</ul>
</dd>
</div>
CSS :
#menu {
position: absolute;
top: 10px;
left: 50%;
width: 100px;
}
#menu dt {
cursor: pointer;
background: #FFFFFF;
height: 20px;
line-height: 20px;
margin: 2px;
text-align: center;
font-weight: bold;
}
#menu dd {
position: absolute;
z-index: 200;
_background: #F7FAFE;
left: 3px;
top: 7px;
_top: 25px;
width: 200px;
}
#menu ul {
padding: 2px;
background: #F7FAFE;
border-color: #0B4A92;
border-width: 1px;
border-style: solid;
}
#menu li {
text-align: left;
margin-left: 5px;
font-size: 68%;
height: 15px;
line-height : 15px;
}
#menu li a, #menu dt a {
color: #124578;
text-decoration: none;
display: block;
}
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6 {
position: absolute;
/*width : 15px;*/
z-index: 500;
}
#menu1 {
width : 15px;
top:170px;
margin-left: -375px;
Réponses
|