SitePoint Sponsor

User Tag List

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

    problem with class style in NN6.2

    I'm working on my own site, using CSS for the first time. I'm haveing trouble getting "text-decoration: none" to work in NN6.2.

    In my external style sheet, I've defined a class called ".mainmenu" as follows:

    .mainmenu { color: #fc0; text-decoration: none }

    and applied it to the text links in menubar on the left side of every page (except home). Here's a page from the site as it exists now:

    http://home.mchsi.com/~stafford95/re...cipeindex.html

    It works in IE and in NN4.7. But in NN6.2, the links in the menu bar are underlined. Note that I want the links on the main part of the page to be underlined, just not the ones in the menu bar.

    What am I doing wrong? I assuming that since NN6.2 is standards compliant, I'm doing something wrong that the other browsers are letting me get away with.

    Thanks in advance.
    david
    davidscooking.com
    "A world of food"

  2. #2
    SitePoint Columnist Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,066
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try adding this to your style sheet:
    Code:
    .mainmenu a { text-decoration: none }
    That will tell NS6 secifically that all links within elements of class mainmenu should NOT have an underline.

  3. #3
    SitePoint Member
    Join Date
    May 2002
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for trying, but it didn't work. I'm really frustrated by this. I'm about ready to turn the right menu bar into a graphic....
    david
    davidscooking.com
    "A world of food"

  4. #4
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Since you are trying to style links you should be using this:

    a.mainmenu:link { font-weight: bold; text-decoration: none; color: #2b4d8a; }
    a.mainmenu:hover { font-weight: bold; text-decoration: none; color: #000000; }
    a.mainmenu:visited { font-weight: bold; text-decoration: none; color: #2b4d8a; }
    a.mainmenu:visited:hover { font-weight: bold; text-decoration: none; color: #000000; }

    Then use style the A tag like so:

    <a href="somepage.html" class="mainmenu">some text</a>
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  5. #5
    SitePoint Member
    Join Date
    May 2002
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks creole, that finally did the trick.
    david
    davidscooking.com
    "A world of food"


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
  •