why i m not able to click on sub-menu of drop down menu in my website http://pcgyd.net
why m not able click on sub-menu of drop down menu in website top best laptop
when open menu using dream weaver work correctly when put menu in website not working corectly
plz me
my dream weaver code is
<!doctype html>
<html lang=''>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="script.js"></script>
<style type="text/css">
@charset "utf-8";
/* base styles */
#header{
background:#02ab68;}
#logo{
float:left;
display:block;
margin:10px 10px 0px 10;
padding:10px 2px 1px 10px;
}
#logom{
font-size:54px;
}
#logo {
text-decoration:none;
color:#fff;
font-family:cambria, "hoefler text", "liberation serif", times, "times new roman", serif;}
#logo span{
font-size:24px;
display:block;
margin:1px 5px 20px 40px;
padding:0px 5x 20px 10px;}
#sform{
float:right;
display:block;
margin:20px 40px 20px auto;
padding:auto;
}
#logoform{
display:block;
}
#cssmenu{
width:100%;
display:block;
clear:both;
}
#cssmenu > ul,
#cssmenu > ul li,
#cssmenu > ul ul {
list-style: none;
margin: 0;
padding: 0;
}
#cssmenu > ul {
position: relative;
z-index: 597;
}
#cssmenu > ul li {
float: left;
min-height: 1px;
line-height: 1.3em;
vertical-align: middle;
}
#cssmenu > ul li.hover,
#cssmenu > ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
#cssmenu > ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
#cssmenu > ul ul li {
float: none;
}
#cssmenu > ul ul ul {
top: 1px;
left: 99%;
}
#cssmenu > ul li:hover > ul {
visibility: visible;
}
/* align last drop down rtl */
#cssmenu > ul > li.last ul ul {
left: auto !important;
right: 99%;
}
#cssmenu > ul > li.last ul {
left: auto;
right: 0;
}
#cssmenu > ul > li.last {
text-align: right;
}
/* theme styles #008f47 #1e1e1e #3fa338*/
#cssmenu > ul {
border-top: 4px solid #1e1e1e;
font-family: calibri, tahoma, arial, sans-serif;
font-size: 18px;
background: #1e1e1e;
background: -moz-linear-gradient(top, #008f47 0%, #02ab68 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008f47), color-stop(100%, #02ab68));
background: -webkit-linear-gradient(top, #008f47 0%, #02ab68 100%);
background: linear-gradient(top, #008f47 0%, #02ab68 100%);
width: auto;
zoom: 1;
padding-left:0px;
margin-left:0px;
}
#cssmenu > ul:before {
content: '';
display: block;
}
#cssmenu > ul:after {
content: '';
display: table;
clear: both;
}
#cssmenu > ul li {
display: inline-block;
padding: 10px 22px;
}
#cssmenu > ul > li.active,
#cssmenu > ul > li.active:hover {
background-color: #1e1e1e;
}
#cssmenu > ul > li > a:link,
#cssmenu > ul > li > a:active,
#cssmenu > ul > li > a:visited {
color: #fff;
}
#cssmenu > ul > li > a:hover {
color: #008f47;
}
#cssmenu > ul ul ul {
top: 0;
}
#cssmenu > ul li li {
background-color: #008f47;
background: #008f47;
border-bottom: 1px solid #ebebeb;
font-size: 18px;
}
#cssmenu > ul li.hover,
#cssmenu > ul li:hover {
background-color: #1e1e1e;
}
#cssmenu > ul > li.hover,
#cssmenu > ul > li:hover {
background-color: #1e1e1e;
-webkit-box-shadow: inset 0 -4px 0 rgba(255,255,255, 1);
-moz-box-shadow: inset 0 -4px 0 rgba(255,255,255, 1);
box-shadow: inset 0 -4px 0 rgba(255,255,255 1);
}
#cssmenu > ul a:link,
#cssmenu > ul a:visited {
color: #ffffff;
text-decoration: none;
}
#cssmenu > ul a:hover {
color: #ffffff;
}
#cssmenu > ul a:active {
color: #ffffff;
}
#cssmenu > ul ul {
border: 1px solid #ccc \9;
-webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
width: 150px;
}
</style>
</head>
<body>
<div id="header">
<div id="logoform">
<div id="logo">
<div id="logom">
<a href="http://pcgyd.net">pcgyd</a></div>
<span>laptop pc complete guide basic</span>
</div>
<div id="ltag">
</div>
<div id="sform">
<form _lpchecked='1' action='/search' class='search-form' id='search_mini_form' method='get'>
<div id='search'>
<div class='search-input form-search'>
<input id='s' name='q' onblur='if (this.value == '') {this.value = 'search site';}' onfocus='if (this.value == 'search site') {this.value = '';}' type='text' value='search site'/>
<input id='buttonsinput' style='vertical-align: top;' type='submit' value='search!'/>
</div></div>
</form>
</div>
</div>
<div id='cssmenu'>
<ul>
<li><a href='http://pcgyd.net'><span>home</span></a></li>
<li class='active has-sub'><a href='http://pcgyd.net/windows/index'><span>windows</span></a>
<ul>
<li class='has-sub'><a href='http://pcgyd.net/windows/ultimate-surefire-list-of-15-best-windows-10-laptops-ever'><span>best laptop</span></a>
<ul>
<li><a href='http://pcgyd.net/laptop/index'><span>buy laptop</span></a></li>
<li class='last'><a href='http://pcgyd.net/laptop/index'><span>notebook</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='http://pcgyd.net/laptop/index'><span>desktop</span></a>
</li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>computer</span></a>
<ul>
<li><a href='http://pcgyd.net/computer/index'><span>laptop</span></a></li>
<li><a href='http://pcgyd.net/computer/index'><span>mackbook</span></a></li>
<li class='last'><a href='http://pcgyd.net/computer/index'><span>notebook</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='http://pcgyd.net/computer/index'><span>laptop</span></a>
<ul>
<li><a href='http://pcgyd.net/windows/ultimate-surefire-list-of-15-best-windows-10-laptops-ever'><span>best laptop</span></a></li>
<li class='last'><a href='#'><span>gaming laptop</span></a></li>
</ul>
<li><a href='http://pcgyd.net/games/index'><span>games</span></a></li>
<li><a href='http://pcgyd.net/download/index'><span>download</span></a></li>
<li class='last'><a href='http://pcgyd.net/mobile/index'><span>mobile</span></a></li>
</ul>
</div>
</div>
</body>
</html>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment