Firefox 8 Links bug Need help

Discussion in 'HTML & Website Design' started by jdgrinder, Nov 10, 2011.

  1. #1
    So I just updated my firefox to version 8. And now when I visit my business website it show up a line in the side bar menu for different brands. Here is the link to show you what i am talking about.
    http://http://bbhydraulics.com/products.html Does anyone know how to fix this problem.
    It works fine in internet explorer.
     
    jdgrinder, Nov 10, 2011 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Haven't a clue what you mean. Looks the same in Chrome and Firefox and IE. Be specific.
    That's like saying a math formula works on a broken calculator but not on a good calculator. If it doesn't work in good browsers, how it works in a bad browser doesn't matter. But first you need to better describe the problem.
     
    drhowarddrfine, Nov 10, 2011 IP
  3. jdgrinder

    jdgrinder Member

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    Here is a picture of the side menu in firefox 8 showing what is happening.

    website-link-problem.jpg
     
    jdgrinder, Nov 10, 2011 IP
  4. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #4
    Didn't notice the box I was on had FF7 so I do see it in FF8.

    Anchors around headings are invalid in HTML4.01 but valid in HTML5. I don't know if changing your doctype to <!DOCTYPE html> will fix this or not but you can try. Otherwise, the problem is simply that your markup is invalid.
     
    drhowarddrfine, Nov 10, 2011 IP
  5. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #5
    Simple answer remove the vertical-align attribute from the reset.css style sheet and it disappears.
     
    Toycel, Nov 10, 2011 IP
  6. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #6
    You can do all kinds of things to invalid markup to make it look all kinds of ways but that's no solution.
     
    drhowarddrfine, Nov 10, 2011 IP
  7. jdgrinder

    jdgrinder Member

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #7
    jdgrinder, Nov 11, 2011 IP
  8. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #8
    Rather than fixing your INVALID HTML, you want to hack at it?! You're beyond help now.
     
    drhowarddrfine, Nov 11, 2011 IP
  9. jdgrinder

    jdgrinder Member

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #9
    They nothing invalid in the html. It is firefox 8. It works fine in any other browser.
     
    jdgrinder, Nov 11, 2011 IP
  10. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #10
    This is what your reset.css code looks like now
    a, abbr, acronym, address, applet, article, aside, audio,
    b, blockquote, big, body,
    center, canvas, caption, cite, code, command,
    datalist, dd, del, details, dfn, dl, div, dt, 
    em, embed,
    fieldset, figcaption, figure, font, footer, form, 
    h1, h2, h3, h4, h5, h6, header, hgroup, html,
    i, iframe, img, ins,
    kbd, 
    keygen,
    label, legend, li, 
    meter,
    nav,
    object, ol, output,
    p, pre, progress,
    q, 
    s, samp, section, small, span, source, strike, strong, sub, sup,
    table, tbody, tfoot, thead, th, tr, tdvideo, tt,
    u, ul, 
    var{
        background: transparent;
        border: 0 none;
        font-size: 100%;
        margin: 0;
    		padding: 0;
    		border: 0;
    		outline: 0;
        [I]vertical-align: top; }[/I]
    
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    table, table td { 
    	padding:0;
    	border:none;
    	border-collapse:collapse;
    }
    img {
    	vertical-align:top; 
    }
    Code (markup):
    change the code I have put in Italic (vertical-align) and it should fix your problem

    I also ran your HTML through the W3 site and got 6 errors the main one being the 'charset'
    Results
     
    Toycel, Nov 11, 2011 IP
  11. jdgrinder

    jdgrinder Member

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #11
    Thanks Buddy your the best!!!
     
    jdgrinder, Nov 11, 2011 IP
  12. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #12
    We'll see you back here soon when you find you all kinds of problems later.
     
    drhowarddrfine, Nov 11, 2011 IP
  13. jdgrinder

    jdgrinder Member

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #13
    Why are you such a hater. I don't want any he'll from you in the future. If you don't have anything nice to say don't post
     
    jdgrinder, Nov 11, 2011 IP
  14. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #14
    I'm not a hater. I'm a teacher. But as a student, you don't want to learn. You want it to work no matter it just digs you deeper into a hole. That makes helping you pointless and describes you.
     
    drhowarddrfine, Nov 12, 2011 IP