1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

IE 8 Navigation Hover Problem - Expert Needed

Discussion in 'CSS' started by thejared, Sep 20, 2010.

0
  1. #1
    This site is 99% done, but the client uses IE8 and we are having some issues with the navigation.

    When you hover over some of the nav elements, some of them have drop downs.

    URL: www.FloraStuart.com

    For some reason in IE8 the drop downs disappear when you try to go down to click on them. When you hover and don't move down you will notice a 1px (maybe 2) grey line coming from the content behind the navigation. I think that is the problem, but nothing I've tried so far has fixed it.

    The navigation css file is : nav/style.css

    If you can help me I would greatly appreciate it. If you think you can fix it and need more information. Feel free to email me. (thejaredholland @ Gmail.com)
     
    Last edited: Sep 20, 2010
    thejared, Sep 20, 2010 IP
  2. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #2
    Hey dude.

    Your site is not valid xhtml... 37 errors. Built with tables, inline CSS and too much crap.
    I can not believe that you will sell such a crap code to anyone.

    1. you use XHTML 1.0 Transitional.
    2. you use several stylesheets (combine them to one)
    3. you use a lot of inline styles (should be external)
    4. you use tables (use CSS properly)
    5. you are loading superfish but you are not using it
    6. badly coded with DreamWeaver (but you still have no clue what you are doing, right?)
    7. you have that that built-in DreamWeaver functions code but you don't use it
    8. you have Flash components (not able to handle jQuery?)
    9. this code is pretty useless
    
<body onload="MM_preloadImages('images/blue/button_over.png')">
    Code (markup):
    10. Cufon... but you are not using it
    11. you are loading google analytics code twice

    You load jQuery, hoverIntent and superfish... but you don't use it.

    W3C Validation errors: http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

    If you can not code for the DOCTYPE you are using... get someone who is able to code properly.

    About your problem:

    

<ul>
        <li><a href="index.shtml"><strong>HOME</strong></a></li>
        <li><a href="whoweare.shtml"><strong>ATTORNEYS</strong></a></li>
        <li><a href="#"><strong>PRACTICE AREAS</strong></a>
          <ul>
            <li><a href="auto.shtml">Auto</a></li>
            <li><a href="semi.shtml">Semi Truck</a></li>
            <li><a href="child.shtml">Child Injury</a></li>
            <li><a href="motorcycle.shtml">Motorcycle</a></li>
            <li><a href="death.shtml">Death/Serious Injuries</a></li>
            <li><a href="ssd.shtml">Social Security Disability</a></li>
            <li><a href="slip.shtml">Slip &amp; Fall</a></li>
            <li><a href="dog.shtml">Dog Bites</a></li>
            <li><a href="nursing.shtml">Nursing Home Abuse</a></li>
            <li><a href="fire.shtml">Fire/Burn Injury</a></li>
            <li><a href="workers.shtml">Workers Compensation</a></li>
            <li><a href="bankruptcy.shtml">Bankruptcy</a></li>
          </ul>
        </li>
        <li><a href="testimonials.shtml"><strong>TESTIMONIALS</strong></a></li>
        <li><a href="#"><strong>RESULTS</strong></a>
        
        <ul>
            <li><a href="results_auto.php">Auto / Semi</a></li>
            <!--<li><a href="../results_semi.php">Semi Truck</a></li> -->
            <li><a href="results_child.php">Child Injury</a></li>
            <!--<li><a href="../results_personalinjury.php">Personal Injury</a></li> -->
            <li><a href="results_wrongfuldeath.php">Wrongful Death / Serious Injury</a></li>
          </ul>
        
        </li>
        <li><a href="#"><strong>COMMUNITY</strong></a>
           <ul>
            <li><a href="involvement.shtml">Activity</a></li>
            <li><a href="ff.shtml">Flora & Friends</a></li>
            <li><a href="aetf.shtml">AETF, Inc.</a></li>
            <li><a href="hotrods.shtml">Hot Rods</a></li>
          </ul>
        </li>
        <li><strong><a href="contactus.php">CONTACT</a></strong></li>
      </ul>
    Code (markup):
    This looks like your menu, right?

    If you want to use superfish you should add the class from superfish to your <ul> or you modify the init line properly.

    Sorry but sometimes you people drive me crazy, you think you have a "problem" but the problem sits infront of your monitor.
    If you have no clue of what you are doing, leave it to the people who have a clue about coding XHTML/CSS/JS.

    By the way... the 2px "border" is in Chrome, too.
     
    CSM, Sep 20, 2010 IP
    thejared likes this.
  3. thejared

    thejared Peon

    Messages:
    382
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank you.

    MODS feel free to close this thread.
     
    thejared, Sep 20, 2010 IP
  4. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #4
    Problem solved.
     
    CSM, Sep 20, 2010 IP