Искам да преработя едно дроп даун меню вместо да пада, да се пявява над основното меню, но не успявам.
Това е кода:
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test</title>
<style type="text/css">
#con
{float:left; width:150px; height:110px;}
#one
{border:1px solid black; width:150px; height:50px;}
#con:hover #link
{display:block;}
#link
{display:none; border:1px solid black; width:150px; height:50px;}
#con_1
{float:left; width:150px; height:110px;}
#one_1
{border:1px solid black; width:150px; height:50px;}
#con_1:hover #link_1
{display:block}
#con_1:hover #link_2
{display:block}
#link_1
{display:none; border:1px solid black; width:150px; height:50px}
#link_2
{display:none; border:1px solid black; width:150px; height:50px;}
</style>
</head>
<body>
<div id="con">
<div id="one" >ONE</div>
<div id="link" >LINK</div>
</div>
<div id="con_1">
<div id="one_1" >test</div>
<div id="link_1" >LINK</div>
<div id="link_2" >LINK</div>
</div>
</body>
</html>
Благодаря предварително.
Това е кода:
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test</title>
<style type="text/css">
#con
{float:left; width:150px; height:110px;}
#one
{border:1px solid black; width:150px; height:50px;}
#con:hover #link
{display:block;}
#link
{display:none; border:1px solid black; width:150px; height:50px;}
#con_1
{float:left; width:150px; height:110px;}
#one_1
{border:1px solid black; width:150px; height:50px;}
#con_1:hover #link_1
{display:block}
#con_1:hover #link_2
{display:block}
#link_1
{display:none; border:1px solid black; width:150px; height:50px}
#link_2
{display:none; border:1px solid black; width:150px; height:50px;}
</style>
</head>
<body>
<div id="con">
<div id="one" >ONE</div>
<div id="link" >LINK</div>
</div>
<div id="con_1">
<div id="one_1" >test</div>
<div id="link_1" >LINK</div>
<div id="link_2" >LINK</div>
</div>
</body>
</html>
Благодаря предварително.