Bonjour à tous,
Un petit nouveau sur ce site que je découvre avec plaisir.
J'ai parcouru certains tutoriels ou messages sur le forum pour élaborer un petit menu déroulant pour mon site qui devrait ressembler à celui là (ne vous fiez pas au look, c provisoire pour le moment): http://membres.multimania.fr/jedo13/css/cadre.htm
Comme vous pouvez le voir, le carré noir se déploie vers le bas quand on passe la souris dessus. Parfait!
En revanche, il y a une marge blanche entre le carré noir et le carré jaune d'en dessous.
Je précise que ces carrés sont sous forme d'images de 23px de hauteur, sauf pour ceux de couleurs vertes, qui sont des cellules remplies de couleurs vertes.
Comme vous pouvez donc le voir, il y a une petite marge sous le carré noir, que j'aimerais faire disparaitre. J'ai essayé des margin: 0px et ce genre de choses, mais rien à faire.
Quelqu'un a-t-il une idée pour la faire disparaitre?
Par ailleurs, existe-t-il un moyen de faire apparaitre ce menu de façon plus progressive, tjs en css ou peut-être en java. J'aimerais qu'il apparaisse un peu moins vite ou même qu'il déscende progressivement plutôt que de sauter aux yeux comme ça.
Voilà, si vous avez des idées...Merciii...
Olivier
Voilà le code:
Modifié par jedo13 (09 Apr 2011 - 00:03)
Un petit nouveau sur ce site que je découvre avec plaisir.
J'ai parcouru certains tutoriels ou messages sur le forum pour élaborer un petit menu déroulant pour mon site qui devrait ressembler à celui là (ne vous fiez pas au look, c provisoire pour le moment): http://membres.multimania.fr/jedo13/css/cadre.htm
Comme vous pouvez le voir, le carré noir se déploie vers le bas quand on passe la souris dessus. Parfait!
En revanche, il y a une marge blanche entre le carré noir et le carré jaune d'en dessous.
Je précise que ces carrés sont sous forme d'images de 23px de hauteur, sauf pour ceux de couleurs vertes, qui sont des cellules remplies de couleurs vertes.
Comme vous pouvez donc le voir, il y a une petite marge sous le carré noir, que j'aimerais faire disparaitre. J'ai essayé des margin: 0px et ce genre de choses, mais rien à faire.
Quelqu'un a-t-il une idée pour la faire disparaitre?
Par ailleurs, existe-t-il un moyen de faire apparaitre ce menu de façon plus progressive, tjs en css ou peut-être en java. J'aimerais qu'il apparaisse un peu moins vite ou même qu'il déscende progressivement plutôt que de sauter aux yeux comme ça.
Voilà, si vous avez des idées...Merciii...
Olivier
Voilà le code:
<html>
<head>
<title>Sans titre</title>
<style><!--
#monmenu {z-index: 1}
#monmenu ul {margin:0px; padding: 0px}
#monmenu ul ul {display: none; position: absolute; margin:0px; padding: 0px;}
#monmenu ul.niveau2 {left: 0px; top: 23px;}
#monmenu li {list-style: none; position: relative}
#monmenu li:hover ul.niveau2 {display: block}
-->
</style></head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="60" bgcolor="#006600" height="23"></td>
<td width="69" height="23"> <div id="monmenu">
<ul class="niveau1">
<li>
<a><img src="pic1.png" width="69" height="23" border="0">
</a> <ul class="niveau2">
<li>
<a href="http://www.xxxxx.php"><img src="pic2.png" width="69" height="23" border="0" align="top">
</a> </li>
<li><a href="mailto:contact@xxxxx.fr"><img src="pic3.png" width="69" height="23" border="0" align="top"></a></li>
<li><a href="http://www.xxxxx.php"><img src="pic4.png" width="90" height="23" border="0" align="top"></a></li>
</ul>
</li>
</ul>
</div></td>
<td width="80" bgcolor="#00CC00" height="23"></td>
</tr>
<tr>
<td width="60" bgcolor="#009900"></td>
<td width="69"><img src="pic3.png" width="69" height="23" border="0" align="top"></td>
<td width="80" bgcolor="lime"></td>
</tr>
</table>
</body>
</html>
Modifié par jedo13 (09 Apr 2011 - 00:03)