Малко помощ за CSS меню

  • Автор Автор GoX81
  • Начална дата Начална дата

GoX81

Registered
Искам да преработя едно дроп даун меню вместо да пада, да се пявява над основното меню, но не успявам.
Това е кода:

<!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>
Благодаря предварително.
 
Я дай да видим как точно работи това, че не ми е ясно какво искаш :?:
 
Падащото меню да се появява над видимия ДИВ, а не както е на примера под него.
Благодаря, за съдействието на отзовалите се.
 
GoX81 каза:
Падащото меню да се появява над видимия ДИВ, а не както е на примера под него.
Благодаря, за съдействието на отзовалите се.

Много не се разбира от кода, но сложи в цсс-а на това меню z-index:10000;
 
#link_1 {Untitled... 1.html (ред 24)
border:1px solid black;
display:none;
height:50px;
margin-top:-52px;
width:150px;
}

p.s. това не е мн подходящ начин, говоря с дивове и :hover, по добре да го направиш с javascript, говоря за самото показване и скриване.
 
Благодаря още веднъж, за сега ще го направя така (като начинаещ) пък по - натам ще се занимая и JS
 

Back
Горе