2 replies [Last post]
thaprecepta
Offline
newbie
Last seen: 12 years 10 weeks ago
Joined: 2008-05-27
Posts: 2
Points: 0

I'm about to die here. I've been working on this site thru joomla and I'm trying to create a menu where when you mouseover the menu extends downward. However inorder to do this you have to list the menu as a <ul>. Bullets show up when I do this and for some FKDLJSFJ reason they don't go away no matter what I do. Please help me - I am about to die.

test site address: www.pumpupthebhangra.com/joomla
css for site: http://pumpupthebhangra.com/joomla/templates/madeyourweb/css/template_css.css

i know you have to do something like list-style-type: none; but for some reason it never works. i went insane and did it on like every menu. any help would be greatly appreciated. the sooner the better. Thanks!!!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It's possible that your

It's possible that your ruleset does not carry sufficient weight try adding some ancestoral selectors to the group; so if your selector is:

ul {list-sty..}

try adding( hypothetically):

#wrapper #content ul {list-sty..}

However looking at your site shows no drop down menu problem! Where exactly are you seeing this problem and in which browsers?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thaprecepta
Offline
newbie
Last seen: 12 years 10 weeks ago
Joined: 2008-05-27
Posts: 2
Points: 0

I fixed the bullet problem

I fixed the bullet problem and indentation, now I just need to figure out how to build a drop downmenu with CSS. Here's basically what I want to do

i want it so the test link is hidden until you mouseover the philosophy, and once you mouseover philosophy all the links shift downward and an indented test link appears (as it is now). when you take your mouseoff the link it collapses and all the links underneath it shift back up.

do you know how this can be done? the test design is at the same site as above