• Resolved SgrWd

    (@adamf24)


    Hey everyone,

    I am having trouble with my website https://www.theinvestorsjournal.com/

    The problem is that the sidebar links are not showing up in the correct font weight with FireFox, but are showing up with Internet Explorer. In Firefox the links looks really thin, and in IE they look bold like they are supposed to be.

    I have the font-weight: bold code in the sidebar ul li section of the style.css file. I can’t figure out why Firefox is displaying the sidebar links incorrectly.

    Any ideas?

    Also, I’ve been trying to use the W3 Validator but I’m confused as to why it’s saying I have errors for regular things such as <br> and <p> codes and such.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Adam Brown

    (@adamrbrown)

    It’s invalid because XHTML requires <br />, not <br>, and you need to close all tags. You also need to use HTML entities (e.g. &amp; instead of &)

    Thread Starter SgrWd

    (@adamf24)

    Ah okay. Sorry, I learned HTML back in the mid to late 90’s and just got back to using it when I create my website. lol

    But any ideas on why Firefox is not correctly showing the font weight for the sidebar links? The weird thing is if I refresh the page it sometimes will show the sidebar links with the proper font weight, but other times it doesn’t. I’m really struggling to find out whats wrong with it.

    Adam Brown

    (@adamrbrown)

    Cross-browser problems frequently arise from invalid HTML. Even if it seems unrelated, you should start there.

    Thread Starter SgrWd

    (@adamf24)

    Ok thanks. I just knocked off half the errors from the W3 Validator report, but I’ll need to read up on XHTML because I’m still having some trouble correcting them all.

    Thanks alot for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘IE to FireFox weird font issue’ is closed to new replies.