Agrandir la zone où survol la souris à toute mon image
Forum Programmation : Agrandir la zone où survol la souris à toute mon image
Bonjour
1.j'ai fais un menu déroulent avec une image pour bouton comment agrandir la zone où survol la souris à toute mon image
voici monn code:
<style type="text/css">
#info {height:400px; position:relative;}
body { background-color:#EBE7D8; }
#titre {padding:0 0 10px 0; margin:0; list-style:none;
width:181px; background: # no-repeat
left bottom; position:absolute; z-index:500; top:0.5em; left:0.2em;
font-family:arial, sans-serif; }
#adn {padding:0 0 10px 0; margin:0; list-style:none;
width:181px; background: # no-repeat
left bottom; position:absolute; z-index:500; top:6em; left:-4em;
font-family:arial, sans-serif; }
#menuOuter {padding:0 0 10px 0; margin:0; list-style:none;
width:0; height:0; background: no-repeat
left bottom; position:absolute; z-index:300; top:8em; left:17em;
font-family:arial, sans-serif; border:2px solid black; }
#menuOuter li#menu1 {float:left; width:201px;}
#menuOuter table {border-collapse:collapse; padding:0; margin:0;
width:0; height:0; margin:-1px -4px -1px -4px;}
#menuOuter li#menu1 a#menuLink { padding:10px 0 0 0;
margin:0; no-repeat left:4; top;
height:20em; width:18em; font-size:12px;
font-family:arial, sans-serif; color:#000; font-weight:bold;
text-decoration:none;}
#menuOuter ul {position:absolute; left:-1; top:-2; padding:0; margin:0;
list-style:none; height:0; overflow:hidden;}
#menuOuter li#menu1 a#menuLink:hover {border:0; color:#4B0082; position:relative; left:-25em; }
#menuOuter1 li#menu1:hover > a#menuLink {color:#4B0082;}
#menuOuter :hover ul {position:relative; left:7em; top:-7.5em; height:auto;
overflow:visible; padding:-5 ; margin:0; list-style:none; width:28em;{display:block;} }
#menuOuter :hover ul ul {position:absolute; left:-22em; top:37px; height:0;
overflow:hidden;width:282em;{display:block;}}
#menuOuter :hover ul li a {display:; padding:-5; margin:20;
width:181px;
no-repeat left:10em; top: 9d9a9a; color: 9d9a9a; text-align:left; line-height:18px;
cursor
ointer; font-weight:; text-decoration:none; }
#menuOuter :hover ul :hover {background-position:left -25em;}
#menuOuter :hover ul li:hover > a {background-position:left -25em;}
#menuOuter :hover ul li {float:left;}
#menuOuter :hover ul :hover ul li a:hover {color:#000;}
#menuOuter :li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("fondTR.png" ) repeat;
}
#menuOuter :hover li a:hover
{
background-image: none;
background-color: #F2462E;
}
div#background {width:700px; height:465px; background:url(black.jpg);}
</style>
</style>
<ul id="menuOuter">
<li class="drop" id="menu1"<<HEAD></HEAD><IMG HEIGHT="120" SRC="ANCONSULTATION-EN-GENETIQUE.gif" WIDTH="120">
<ul class="niveau2">
<li><A HREF="1-1CONSULTATION DYSMORPHOLOGIE.php3" style="border: 1px solid black;
height:20px;">CONSULTATION DYSMORPHOLOGIE</a></li>
<li> <A HREF="1-1CONSULTATION NEUROLOGIQUE.php3" style="border: 1px solid black;
height:40px;">CONSULTATION NEUROLOGIQUE</a></li>
<li><A HREF="1-1CONSULTATION PRESYMPTOMATIQUE.php3" style="border: 1px solid black;
height:20px;">CONSULTATION PRESYMPTOMATIQUE</a></li>
<li><A HREF="1-1CONSULTATION CONSEIL GENETIQUE.php3" style="border: 1px solid black;
height:20px;">CONSULTATION CONSEIL GENETIQUE</a></li>
</ul>
</li>
</ul>
$
<!-- Créée avec Matizha Sublime 3.0 * http://www.matizha.com -->
<HEAD>
<TITLE></TITLE>
<META NAME="Generator" CONTENT="Matizha Sublime 3.0">
<META NAME="Description" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Author" CONTENT="">
</HEAD>
<BODY>
</BODY>
</HTML>
merci julie
