CSS [RESOLVED] Dropdown Menu Problem
CodeGuru Home VC++ / MFC / C++ .NET / C# Visual Basic VB Forums Developer.com
Results 1 to 4 of 4

Thread: [RESOLVED] Dropdown Menu Problem

  1. #1
    Join Date
    Jun 2002
    Posts
    122

    [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

  2. #2
    PeejAvery's Avatar
    PeejAvery is offline Super Moderator Power Poster
    Join Date
    May 2002
    Posts
    10,871

    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.

  3. #3
    Join Date
    Jun 2002
    Posts
    122

    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

  4. #4
    PeejAvery's Avatar
    PeejAvery is offline Super Moderator Power Poster
    Join Date
    May 2002
    Posts
    10,871

    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
  •  


Windows Mobile Development Center


Click Here to Expand Forum to Full Width

This is a CodeGuru survey question.


Featured


HTML5 Development Center