Support » Themes and Templates » Drop-down menu help
Drop-down menu help
-
Hello
My site: http://www.geimaku.com
I have created a drop-down menu. If you hover over the link called “Publishers” on my site’s nav-bar, a anoter menu drops down with some links.
But as you can see, the links look weird with some of them being beside each other and some below.
I want them all to appear below each other – like regular drop-down menus. How do I do that? I have to add some CSS, I believe?
Thanks.
-
Only your splash page is visible…
You should not have to add anything to make the basic menu work fine — see this:
Hi,
Sorry for that. Splash page should be gone now.
The menu does “work” fine, but it looks wrong. I think I need to add some CSS to make look right, but I’m not sure? And I don’t know which.
Ok, so now I fixed it. The links now appear in a list.
Now, there are dotted lines below each link in the drop-down-menu. How can I remove that?
Also, I want the bg to look like this when hover: http://share.xboxlife.dk/files/yzewotrjmwq0odhkowixzjg5yzawotrjmtg1mtrhzda.jpg
So what do I have to do?
I see that it might have been a bit difficult to get what I mean from the above screenshot…
Anyway, take a look at on of this sites drop-down-menus and you’ll get me.
That what I want. (not those exact colors, though.)
The dotted lines are set here:
#access ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px;
The hover background color is set here:
#access li:hover > a, #access ul ul :hover > a, #access a:focus { background: #efefef; } #access li:hover > a, #access a:focus { background: #595959; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#595959, #3F3F3F); background: -o-linear-gradient(#595959, #3F3F3F); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#3F3F3F)); /* Older webkit syntax */ background: -webkit-linear-gradient(#595959, #3F3F3F); color: #fff; }
You’ll have to experiment to see which background changes it to how you want.
Hm.. ok. Thanks. I’ll see if I can fix it.
The top code is right, and I was able to remove it.
But the second code doesn’t seem to be for the drop-down-menu hover…
I’m happy with the menu now, thanks for your time.
- The topic ‘Drop-down menu help’ is closed to new replies.