w3c validation error

Discussion in 'HTML & Website Design' started by seolab, Jan 1, 2010.

0
  1. #1
    I have a w3c validation error of an H3 in a list of the jquery feature list plugin.

    <ul id="tabs">
    <li>
    <a href="javascript:;">
    <h3 class="list">Zoekmachine optimalisatie</h3>
    <span>SEO is noodzakelijk voor online succes</span>
    </a>
    </li>
    </ul>

    Does anybody knows how to fix this, you can see it on my homepage.

    www.seolab.nl

    Thanks
     
    seolab, Jan 1, 2010 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Simple. Anchors cannot surround block level elements which is what a h3 is.

    btw, in html5 you can do this.
     
    drhowarddrfine, Jan 1, 2010 IP
  3. seolab

    seolab Active Member

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    76
    #3
    that did not work, i tried that already for this plugin
     
    seolab, Jan 1, 2010 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    What did not work, switching to HTML5?

    Anchors (the A tag) is a inline level element, as drhowarddrfine said, it cannot HAVE and H3 inside it... or P, or DIV, or any other inline-level element. (Inline level is NOT the same thing as display:inline)

    Really, if this 'plugin' has markup that bad, you probably don't REALLY want to use it in the first place... Methinks you are resorting to that jquery crap for no good reason there. I've got no idea what you are using it for, but it can't be anything good.
     
    deathshadow, Jan 1, 2010 IP