Hi I need help with a dropdown menu that is not working with CSS and HTML

Question

deanswe

Hi I need help with a dropdown menu that is not working with CSS and HTML

Hi

On our website www.nutricentre.com I wanted to have a brands drop down list that calls a topic from within our CMS.

The code I have for the drop down is

<li class="brandsmenu"><a href="/e-brands.aspx">BRANDS</a></li>
<div class="dropdown">
<ul class="column">
<h3>All Brands</h3>
<li><a href="/e-brands.aspx" shape="rect">A-Z list brands; </a></li>
<a href="/e-brands.aspx" shape="rect"> </a>
<li><a href="/bestsellers.aspx" shape="rect">Top Ten</a></li>
</ul>
<ul class="column">
<h3>Featured Brands</h3>
<li><a href="/m-415-arkopharma.aspx" shape="rect">Arkopharma</a>  </li>
<li><a href="/m-429-gillian-mckeiths.aspx" shape="rect">Gillian McKeith's</a> </li>
<li><a href="/m-1-solgar.aspx" shape="rect">Solgar</a> </li>
<li><a href="/m-28-vega.aspx" shape="rect">Vega</a> </li>
<li><a href="/m-33-nutrigold.aspx" shape="rect">Nutrigold</a> </li>
<li><a href="/m-62-higher-nature.aspx" shape="rect">Higher Nature</a> </li>
<li><a href="/m-583-health-plus.aspx" shape="rect">Health Plus</a> </li>
<li><a href="/m-95-nutri-ltd.aspx" shape="rect">Nutri Ltd</a> </li>
<li><a href="/m-123-natures-plus.aspx" shape="rect">Natures Plus</a> </li>
<li><a href="/m-138-viridian-nutrition.aspx" shape="rect">Viridian Nutrition</a> </li>
<li><a href="/m-139-biocare.aspx" shape="rect">Biocare</a> </li>
<li><a href="/m-143-a-vogel-bioforce.aspx" shape="rect">A. Vogel (Bioforce)</a> </li>
<li><a href="/m-384-lamberts-healthcare.aspx" shape="rect">Lamberts Healthcare</a> </li>
<li><a href="/m-162-nelsons.aspx" shape="rect">Nelsons</a> </li>
<li><a href="/m-197-now.aspx" shape="rect">Now</a> </li>
<li><a href="/m-409-optibac-probiotics.aspx" shape="rect">Optibac Probiotics</a> </li>
</ul>
<ul class="column">
<h3>Featured Brands</h3>
<li><a href="/m-483-books.aspx" shape="rect">Books</a> </li>
<li><a href="/m-151-zita-west.aspx" shape="rect">Zita West</a> </li>
<li><a href="/m-253-xynergy.aspx" shape="rect">Xynergy</a> </li>
<li><a href="/m-50-weleda.aspx" shape="rect">Weleda</a> </li>
<li><a href="/m-253-xynergy.aspx" shape="rect">Xynergy</a> </li>
<li><a href="/m-559-better-you.aspx" shape="rect">Better You</a> </li>
<li><a href="/m-562-minami-nutrition.aspx" shape="rect">Minami Nutrition</a> </li>
<li><a href="/m-308-nordic-naturals.aspx" shape="rect">Nordic Naturals</a> </li>
<li><a href="/m-214-pharma-nord.aspx" shape="rect">Pharma Nord</a> </li>
<li><a href="/m-146-natural-health-practice.aspx" shape="rect">Natural Health Practice</a> </li>
<li><a href="/m-576-unbeelievable.aspx" shape="rect">Unbeelievable</a> </li>
</ul>

</div>

the css is

li.brandsmenu { position: relative; z-index: 250; }
.dropdown { opacity:0.9;filter:alpha(opacity=90); display: none; width: 470px; padding: 5px 5px 0px 5px; background-color: #fff; z-index: 300; position: absolute; top: 34px; left: 0px;}
#header ul.top_navi .dropdown ul.column { float: left; width: 150px; padding: 10px 5px 0px 0px; margin: 0px; height: 300px; }
#header ul.top_navi .dropdown ul.column li { background:url(images/bullet_brands.gif) 0px center no-repeat; padding: 2px 0 2px 15px; float: none; display: block;color:#727272; font-size:12px; line-height:14px;}

#header ul.top_navi .dropdown ul.column li a { cursor: pointer; padding: 0px; float: none; font-weight: normal; color:#727272; font-size:12px; line-height:14px;background: none; background-color: #fff;text-shadow:none;}
#header ul.top_navi .dropdown ul.column li a:hover{color:#80923f;}

#header ul.top_navi .dropdown ul.column h3 { color: #90AC40; font-weight: bold; }

#wrapper{position: relative; z-index: 1; }

Where am I going wrong?

Status: Open Nov 19, 2012 - 07:37 AM

dropdown css html

Comments (0) | New Comment

Do you have the same question? Follow this Question

Answer this question Report it

1answer

Answer

anderson9

Nov 26, 2012 - 07:43 PM

Hi dude,hope your are much worried about the dropdown menus,be smart go with http://www.MakeAnySite.com your best companion for any website needs,be it business or personal.

I just can't believe my eyes when I created a website for my travel service with visually rich wordpress themes along with more features like unlimited hosting,Free life time domain,Unlimited pages,Unlimited Emails,Unlimited database,Slide shows,photos,image gallery,video gallery and lots for only just 4$.Th main highlight of MakeAnySite.com is that you can make your website more commercial by adding Blogs,forms,drop down menus...

Source: http://www.MakeAnySite.com

0

Report it

Comments (0) | New Comment

Answer this question

Share Your Own Experience & Expertise

We look to ensure that every question is answered by the best people with relevant expertise and experience, the best answers include multiple perspectives. Do you have relevant expertise or experience to contribute your answer to any of these commonly asked questions?

Hi I need help with a dropdown menu that is not working with CSS and HTML

1answer

Answer

Share Your Own Experience & Expertise

About Quomon

Browse by Topic

Recently Active Members

Tools