-
April 29th, 2013, 02:46 PM
#1
[RESOLVED] Dropdown Menu Problem
Hello,
I am trying to follow the code from this simple css drop down menu here. I have made a few changes and modifed the code to what I am trying to accomplish.
I want a border around my horizontial navigation menu going across the header section of the page. I also have the spacing between the listed items going across as well that I want on the header section. The problem that I am having is that I want to remove the border around the items on the expanded menu when you hover over the History menu for this example. I was hoping maybe you can help. I have tried assigning a class ID with border none to the listed items as shown below but it did not give me what I want.
Code:
ul li.menuitems a { border:none; }
I was hoping someone might be able to help me.
You can view everything here: http://jsfiddle.net/ShPxY
Eric
-
May 1st, 2013, 10:27 AM
#2
Re: Dropdown Menu Problem
Just dig down further in the DOM tree.
Code:
#header ul li ul li a {
border: 0px;
}
If the post was helpful...Rate it! Remember to use [code] or [php] tags.
-
May 1st, 2013, 06:34 PM
#3
Re: Dropdown Menu Problem
Thanks PeejAvery!
That fixed it but I do have another issue. I would like the items more to the left on the menu. Any ideas?
You can view updated work here: http://jsfiddle.net/ShPxY/2/
Eric
-
May 7th, 2013, 11:46 PM
#4
Re: [RESOLVED] Dropdown Menu Problem
Adjust margins and paddings.
If the post was helpful...Rate it! Remember to use [code] or [php] tags.
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|