Increasing web page browser compability

Discussion in 'Software' started by BlackCat, Jul 22, 2004.

  1. BlackCat

    BlackCat Private E-2

    Haha, it's me again. Designing my web page and I find that it displays perfectly in IE but none of the link images are cooperate with Mozilla (white boxes with Xs instead).

    Is there a way to increase the compability with Mozilla so the picture links work? If not, is there a way to use HTML and set it so that, if a user is not able to see the links, that they can see default text instead?

    Suggestions and ideas are welcome.
     
    BlackCat, Jul 22, 2004
    #1
  2. goldfish

    goldfish Lt. Sushi.DC

    IE is very forgiving for crap code. in fact, you can just completley forget to finish the img tag and it'll still show up... e.g.:
    Code:
    <img src="blag.jpg
    would still show the picture.

    I'd suggest going on http://validator.w3c.org/ and cleaning up your code. A pain in the arse, yes, but it helps with cross compatibility (well, theoretically anyway).

    and also, there is a tag in img called alt, which means if the user cannot see the image, then they get that text. Use it as thus:
    Code:
    <img src="blah.jpg" width="100" height="100" alt="Home page..." />
    You can also use this on image map segments in the same way.
     
    goldfish, Jul 23, 2004
    #2
  3. Adrynalyne

    Adrynalyne Guest


    You need to stick with the standards. Don't use deprecated html or xhtml code.

    http://www.w3schools.com/xhtml/xhtml_reference.asp

    http://www.w3schools.com/html/html_reference.asp

    Seeing the default text instead, you can use the "alt" attribute inside the img tag.
     
    Adrynalyne, Jul 23, 2004
    #3
  4. Adrynalyne

    Adrynalyne Guest

    Day late, dollar short.

    ;)
     
    Adrynalyne, Jul 23, 2004
    #4
  5. goldfish

    goldfish Lt. Sushi.DC

    But DO use Transitional standards, as this ensures that you can make backward compatible code that still complies to the standards. Try to use CSS as much as possible (instead of <body topmargin="0"> use <body style="margin-top:0px">) XHTML 1.0 is an absolute bitch to get right (I know, I've just been validating a page for a client) and you gotta remember everything is in lower case, (appart from text, duh!) including JS behaviours like onmouseover. In fact, I don't think XHTML 1.0 strict even supports onmouseover the same.

    hehe, couple of seconds before :D
     
    goldfish, Jul 23, 2004
    #5
  6. BlackCat

    BlackCat Private E-2

    This is going to be a lot of confusing work. :p Thanks for the help.
     
    BlackCat, Jul 23, 2004
    #6

MajorGeeks.Com Menu

Downloads All In One Tweaks \ Android \ Anti-Malware \ Anti-Virus \ Appearance \ Backup \ Browsers \ CD\DVD\Blu-Ray \ Covert Ops \ Drive Utilities \ Drivers \ Graphics \ Internet Tools \ Multimedia \ Networking \ Office Tools \ PC Games \ System Tools \ Mac/Apple/Ipad Downloads

Other News: Top Downloads \ News (Tech) \ Off Base (Other Websites News) \ Way Off Base (Offbeat Stories and Pics)

Social: Facebook \ YouTube \ Twitter \ Tumblr \ Pintrest \ RSS Feeds