Tag Appears In Bold…But I Don't Know Why

  • Resolved chrislawhorn

    (@chrislawhorn)


    13 years, 1 month ago

    This is probably more of an html question than a WordPress one, but if anyone knows…

    I’m using <hr> to create a line breaking up several items in a post.

    In Chrome, the line always appears the same thickness. But, within Firefox and Explorer, the lines alternate between thick and thin at random.

    I thought perhaps I’d forgotten to close one of the styling elements, but I can’t find anything.

    Here’s the example, if you want to see what I mean:

    https://www.runhundred.com/top-songs-2/

    In this post, the first <hr> is skinny, then next two are thicker, and the last two are skinny again.

    What am I overlooking?

Viewing 3 replies - 1 through 3 (of 3 total)

  • This might help a little:

    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.runhundred.com%2Ftop-songs-2%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Line 215, Column 6: document type does not allow element "hr" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

    If you fix those errors it will probably make it work consistently hopefully ??

    Thread Starter chrislawhorn

    (@chrislawhorn)

    Thanks for getting back with me.

    I’m not sure if this is the problem, though.

    I did a little testing, which didn’t resolve anything.

    Moreover, if you continue down the validator page–it shows the same error message for each of the line breaks.

    But, if there really was an error with each one, I assume they’d all render the same way. Instead, they all have the same error listed in the validator–but some are skinny and some are fat.

    So, the html could definitely be improved. But, I’m not sure that would fix the problem with the thickness.

    Thread Starter chrislawhorn

    (@chrislawhorn)

    For what it’s worth, I found a fix for this.

    Rather than just using <hr> tags, I’ve been using this instead:

    <hr style=”height: 2px;”>

    And defining the height seems to have remedied the issue.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tag Appears In Bold…But I Don't Know Why’ is closed to new replies.