CSS and Sub menu

CSS and Sub menu

by Fabrizio Sartorelli » Mon Aug 06, 2012 9:04 am

Hi,
I'm newbe in this forum and in HTML & CSS too...
If possible, I' d need some advice.
I have a CSS + Javascript menu in my web page:

<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="js/cufon.yui.js"></script>
<script type="text/javascript" src="js/myriad.js"></script>
<script type="text/javascript">
$(function() {
$("#one").lavaLamp({
fx: "backout",
speed: 700
});
});


</script>
<script type="text/javascript">

Cufon.replace('li a', {hover: true});

</script>
<div class="lightmenu">
<ul class="lightRed" id="one">
<li><a href="Chi_Siamo.html">Chi_Siamo</a></li>
<li><a href="Gallery.html">Gallery</a></li>

the result is an "elastic" arrow moving through menu items.
It works but....
I NEED A SUBMENU!
anyone knows how to do it?
(the most simple way, please....)

Attachments

1. ScreenHunter_01 Aug. 04 12.22.jpg (7.08 KiB) Downloaded 463 times

Re: CSS and Sub menu

by XainPro » Thu Aug 09, 2012 8:40 am

right now i can only tell you that for sub menus you need to create an other ul lu in your existing ul li

Code: Select all

<div class="lightmenu">
<ul class="lightRed" id="one">
<li><a href="Chi_Siamo.html">Chi_Siamo</a>
          <ul>
                  <li><a href="Chi_Siamo.html">Chi_Siamo  Sub Menu</a>
         </ul>
</li>
<li><a href="Gallery.html">Gallery</a></li>
</ul>

try code and make CSS according to new html code

Re: CSS and Sub menu

by Fabrizio Sartorelli » Fri Aug 10, 2012 3:46 pm

Thanks, I'll try!!!

right now i can only tell you that for sub menus you need to create an other ul lu in your existing ul li

Code: Select all

<div class="lightmenu">
<ul class="lightRed" id="one">
<li><a href="Chi_Siamo.html">Chi_Siamo</a>
          <ul>
                  <li><a href="Chi_Siamo.html">Chi_Siamo  Sub Menu</a>
         </ul>
</li>
<li><a href="Gallery.html">Gallery</a></li>
</ul>

try code and make CSS according to new html code