here is the HTML
<body style="margin:80px;padding:10px;">
<div id="Stage" class="EDGE-10822169">
<div id="wrapper">
<div id="navMenu">
<ul>
<li><a href="">IL Brand</a>-
<ul>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">IL Brand</a>
<ul>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">IL Brand</a>
<ul>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">IL Brand</a>
<ul>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">IL Brand</a>
<ul>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
<ul>
<li><a href="">IL Brand</a>
<ul>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
<li><a href="">il nuovo marchio</a></li>
</ul><!--ul mrena -->
</li><!--fundi i LI -->
</ul><!--fundi i UL -->
</div><!--fundi i navMenu -->
</div><!--fundi i wrapper -->
</div>
</body>
here is the CSS
@charset "utf-8";
#navMenu {
margin:0;
padding:0;
}
#navMenu ul {
margin:0;
padding:0;
line-height:30px;
}
#navMenu li {
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
}
#navMenu ul li a{
text-align: center;
font-family: "Comic Sans MS", cursive;
text-decoration: none;
height: 30px;
width: 150px;
display: block;
color: rgba(27,27,27,1);
}
#navMenu ul ul{
position:absolute;
visibility:hidden;
top:30px;
}
#navMenu ul li :hover ul{
visibility: visible;
}
andi-dev
0
Light Poster
Recommended Answers
Jump to PostCan you provide the URL of where this web page is located...the code you provided is not enough to be able to determine what the problem is.
Jump to Postremove the space between li and :hover in the css
#navMenu ul li:hover ul{
All 7 Replies
andi-dev
0
Light Poster
can someone give me some ideas how i can fix this error i have create the slideshow with adobe edge
JorgeM
958
Problem Solver
Team Colleague
Featured Poster
Can you provide the URL of where this web page is located...the code you provided is not enough to be able to determine what the problem is.
andi-dev
0
Light Poster
the page is not upload,can yuo give me an email so i can upload the files of my staff
pzuurveen
90
Posting Whiz in Training
remove the space between li and :hover in the css
#navMenu ul li:hover ul{
andi-dev
0
Light Poster
it work for the last dropdown not for all,
andi-dev
0
Light Poster
any idea i can be with z-index and visibility but i dont know where to put this code
andi-dev
0
Light Poster
i have FIX it thankyou any way you didnt help me so much ,i just set the z-index 2 in nav ul li:hover ul.
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.