We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 10239
    • 8 Posts
    <ul id="dropmenu">
    						<li class="first active"><a href="index-2.html" title="Home">Home</a></li>
    						<li><a href="company.html" title="Company">Company</a>
    								<ul>
    										<li><a href="company-about-us.html" title="About Us">About Us</a></li>
    										<li><a href="company-customer-feedback.html" title="Customer Feedback">Customer Feedback</a></li>
    										<li><a href="company-philosophy.html" title="Philosophy">Philosophy</a></li>
    								</ul>
    						</li>
    						<li><a href="our-work.html" title="Our Work">Our Work</a>
    								<ul>
    										<li><a href="our-work.html#Wordpress" title="Wordpress">Wordpress</a></li>
    										<li><a href="our-work.html#PSD" title="PSD">PSD</a></li>
    										<li><a href="our-work.html#XHTML" title="XHTML">XHTML</a></li>
    										<li><a href="our-work.html#Other" title="Other">Other</a></li>
    										<li><a href="our-work.html#Custom" title="Custom Work">Custom Work</a></li>
    										<li><a href="our-work-pricing.html" title="Services Pricing">Services Pricing</a></li>
    										<li><a href="our-work-with-sidebar.html" title="Portfolio Alternative">Portfolio Alternative</a></li>
    								</ul>
    						</li>
    						<li><a href="blog.html" title="Blog">Blog</a></li>
    						<li><a href="customer-service.html" title="Customer Service">Customer Service</a>
    								<ul>
    										<li><a href="customer-service-help-faq.html" title="Help">Help & FAQ</a></li>
    										<li><a href="#" title="Newsletter">Newsletter</a></li>
    										<li><a href="#" title="Community">Community</a>
    												<ul>
    														<li><a href="#" title="Forum">Forum</a></li>
    														<li><a href="#" title="Grandchild">Menu Grandchild</a></li>
    												</ul>
    										</li>
    										<li><a href="tool-page.html" title="Tool Page">Tool Page</a></li>
    								</ul>
    						</li>
    						<li><a href="contact.html" title="Contact">Contact</a></li>
    				</ul>


    i have a menu like this, i read the all examples but i cant do it. please help me.
    how can i do.

    here is my css for menu

    /* main menu - jquery dropmenu */
    #dropmenu { float:right; height:100px;  }
    #dropmenu .active {  color:#ec8601; text-decoration:none;  }
    #dropmenu .active a,
    #dropmenu .active a:hover {  color:#ec8601; text-decoration:none; }
    #dropmenu {  float:right;  text-align:right;  }
    #dropmenu {  height:100px; margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative;  z-index:300; }
    #dropmenu a { height:55px; padding-top:45px; padding-bottom:0px; padding-left:16px; padding-right:16px; display:block; color:#ffffff; background:url(images/menu-divider.png) right no-repeat; background-position:0 50%; text-decoration:none;}
    #dropmenu a:hover { color:#ec8601; }
    #dropmenu li { float:left; position:relative; text-transform: uppercase;  text-align:center; font-size: 14px; }
    #dropmenu ul { position:absolute; display:none; width:184px; top:70px; left:-1px; background:url(images/nav-child-top.gif) no-repeat top center; padding-top:7px;  }
    #dropmenu ul li {  font-size:14px; text-transform: capitalize; text-align:left; line-height:18px; white-space:nowrap; }
    #dropmenu ul a { background: transparent url(images/nav-child-bg.png); padding-top:10px; padding-bottom:10px; border-left:1px solid #909090; border-right:1px solid #909090; border-bottom:1px solid #909090; }
    #dropmenu li ul a { width:150px; height:auto; float:left;  }
    #dropmenu ul ul { top:auto; background:transparent url(images/nav-grandchild-top.gif) repeat-x; padding-top:1px;  }
    #dropmenu li ul ul { top:-1px; left:183px; margin:0px 0 0 0px; }
    #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display:none; }
    #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display:block; }
    #dropmenu .first a { background:transparent; }
    #dropmenu li.active li a { color:#ffffff !important; }
    #dropmenu li.active li a:hover { color:#ec8601 !important; }
    


    i use revolution modx.

    sorry for my english.
      • 36404
      • 307 Posts
      hi,

      could you tell us a bit more about where you need help, templates ? wayfinder call ?

      Have swing
        réfléchir avant d'agir
        • 1343 ☆ A M B ☆
        • 2,213 Posts
        I’ll second the above request. We need more details before we can help you such as the problem, browser in question, etc.

        I can tell you right now IE6/7 aren’t likely to be very happy with that code....

          Patrick | Server Wrangler
          About Me: Website | Tweets |  MODX Hosting