Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Firefox compatibility with CSS drop down menu

    We have just created a new look for our website -- www.joelblock.com.

    We had a graphics designer create a PDF document for my business partner (Joel Block) to professionally showcase his speaking ability and his credentials. And she did a great job with that.

    To keep things consistent, we asked the same graphics designer to create a menu-based website template that we can use for all the pages of the joelblock.com site. We're now more than 95% of the way to our goal of having a professional site with easy-to-use and easy-to-read menu options.

    And this is where we need some assistance from an expert in this forum.

    Here are the two main issues that I see right now with www.joelblock.com:

    1) Firefox browser -- there is a small letter "v" to the right of the button text for "Speaker" and "Radio Guest". These are the only two buttons that have drop down menus. How do we remove this "v" character?

    2) IE 6, IE 7, and Firefox browsers -- After you choose a menu option, this option appears as "grayed out" from that point forward. How do we prevent the menu options from changing color?

    Thanks in advance!

    Matt

  • #2
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    For number 2 get rid of:

    a:visited {
    text-decoration: none;
    font-family: Tahoma;
    font-size: 11px;
    font-style: normal;
    line-height: 12px;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #666666;
    }

    in your style sheet. Still working on the first one!

    (You've also forgotten to close the link to youre stylesheet )
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #3
    New Coder
    Join Date
    Feb 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts
    1) Firefox browser -- there is a small letter "v" to the right of the button text for "Speaker" and "Radio Guest". These are the only two buttons that have drop down menus. How do we remove this "v" character?
    remove this code, its unnecessary if you dont want the "v" in the drop down
    Code:
    .chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
    content: " v";
    /*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
    }
    and
    2) IE 6, IE 7, and Firefox browsers -- After you choose a menu option, this option appears as "grayed out" from that point forward. How do we prevent the menu options from changing color?
    you have the color for the visited link specified here:
    a:visited {
    text-decoration: none;
    font-family: Tahoma;
    font-size: 11px;
    font-style: normal;
    line-height: 12px;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #666666;
    }
    if you change the "color:" to what your nomal link color is, #003333 then you should be good to go.

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Code:
    </style>
    
    </head>
    <body>  <!--add missing body tag here-->
    <div id="wrapper">
    
    <div class="chromes

    Validate often DURING development. Use it like a spellchecker.
    See the links in my sig below.
    ======================

    This is your V -
    Code:
    .chromestyle ul li a[rel]:after{ 
    /*HTML to indicate drop down link*/
    content: " v";
    /*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
    }
    And I see I'm too slow for the rest, haha
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    You appear to have an unopen endif in your head section? And what is that strange link in the style section of yourhead?
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #6
    New Coder
    Join Date
    Feb 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Also...

    Just an observation/suggestion. I'd make sure the email address and url at the bottom right of the page were clickable, or at the very least selectable. That would irritate me as a user that I couldnt click it to go to that webpage, and I wouldnt take the time to type it in.

  • #7
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Thank you for the prompt replies!

    Thank you all for the prompt replies. I'm going to make the suggested changes and I'll let you know how it goes.

    Since I didn't write this code, I have no idea why there is a missing endif (or why any of the other weird things are in there).

    Stay tuned...

    Matt

  • #8
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    Just an observation/suggestion. I'd make sure the email address and url at the bottom right of the page were clickable, or at the very least selectable. That would irritate me as a user that I couldnt click it to go to that webpage, and I wouldnt take the time to type it in.
    The entire footer is one background image.

    http://www.joelblock.com/images/GL.jpg

  • #9
    New Coder
    Join Date
    Feb 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I don't understand what your point is jlhaslip????

  • #10
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    I think he's saying that it hasn't been styled/put on the web page as text yet
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools


  •  

    Posting Permissions

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