SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    May 2010
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    having main menu bold, while having sub menu non-bold

    Is it possible to have the manu men (Home, Information, Our Mission, FAQ, Contact) be bolded, while having the sub menu objects non-bold?

    When I change the font:normal to font:bold EVERYTHING becomes bold. It seems to be all or nothing.

    My site can be found here. http://darkhelmet.site11.com/

  2. #2
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,804
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    This is actually very easy.

    What you need to keep in mind is inheritance. Font weight applied to the element is inherited by ALL descendants (all elements contained inside that tag). Since the drop down menu is really a list of list, all you have to do is "reset" the font-weight of the nested list. Essentially this:

    #nav li {font-weight:bold;}
    #nav li li {font-weight:normal;}

    Hope that helps.

  3. #3
    SitePoint Member
    Join Date
    May 2010
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks dresden_phoenix!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •