Hey there, I'm currently assisting a friend in the development of a website, but I am quite new to this myself. Any advice or tips would be greatly appreciated. The website is being built using asp.net.
My sub-menu is getting blocked by images. Is there any way to make the sub-menu appear in front of the image?
We are using JQuery for the slideshow functionality.
Here is my CSS code:
#cssmenu ul {margin: 0; padding: 7px 6px 0; background: #7d7d7d url('../images/overlay.png') repeat-x 0 -110px; line-height: 100%; border-radius: 1em; font: normal .8em/1.5em Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);}
#cssmenu li {margin: 0 5px; padding: 0 0 8px; float: left; position: relative; list-style: none; }
... (CSS code continues)
Main page code:
<div id='cssmenu'>
<ul>
<li class='active'><a href="Default.aspx"><span>Home</span></a></li>
<li class='has-sub'><a href='#'><span>Wholesale</span></a>
<ul>
<li><a href="#"><span>Phones</span></a></li>
... (more HTML code follows)
</ul>
</li>
</ul>
</div>
<br /><br />
<div id="slider">
<!-- start slideshow -->
<div id="slideshow">
... (more HTML code for slideshow)
</div>
... (more HTML code for slideshow controls)
</div>