Login | Register | FAQ
Anonymous

CSS and Sub menu

+ Post a reply

3 posts Page 1 of 1


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 1106 times

User avatar

Fabrizio Sartorelli

  • Posts: 5
  • Joined: Sat Aug 04, 2012 10:01 am

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
User avatar

XainPro

  • Posts: 3661
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: CSS and Sub menu

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

Thanks, I'll try!!!

XainPro wrote: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
User avatar

Fabrizio Sartorelli

  • Posts: 5
  • Joined: Sat Aug 04, 2012 10:01 am


+ Post a reply

Page 1 of 1