webpage diff between FF and IE

Discussion in 'Firefox' started by Jules, Feb 20, 2005.

  1. Jules

    Jules Guest

    Hi all

    I know about java plug ins etc. but this has me stumped

    I built a website. and on IE all the jpegs show up. even those that link
    to other pages. BUT in FF 2 are missing on one page and another page the
    same happens.

    I did in it Dreamweaver 3.

    If you goto the homepage of www.marcway.com the inside and outside pics
    are missing from FF

    could someone tell me why?

    thanks
     
    Jules, Feb 20, 2005
    #1
    1. Advertisements

  2. Jules

    TheCroW Guest

    Hi all
    I see that also. Tried to look at the source but that is rather messy. A lot
    ( and I mean a LOT) totally useless <font .... > stuff in it. But I did
    found the line

    <img src="images/marcway%20shop%20outside.jpg" alt= .... >

    I think if you make that
    <img src="http://www.marcway.co.uk/images/marcway shop outside.jpg" alt=
    .....>

    Then FF will know where to look for the images.

    Menno
     
    TheCroW, Feb 20, 2005
    #2
    1. Advertisements

  3. Jules

    Jules Guest


    thanks, i dont know html yet so thats why i use DM, i did that website
    some time ago quick for them so redoing a perminant one more userfriendly.

    Could you explain what was wrong, that would help me for the future and
    where the same thing happends on the pointwork first page too. But it
    looks like it was looking in the wrong place

    thankyou
     
    Jules, Feb 20, 2005
    #3
  4. Jules

    TheCroW Guest

    I see that also. Tried to look at the source but that is rather messy. A
    lot
    Well, I am no HTML wizzard also, but this is what I learned. So please
    correct if I am wrong.

    If you use

    <img src="images/marcway%20shop%20outside.jpg">

    then IE knows that you mean the directory Images. But it is not good HTML so
    FF doesn't see it as an image. So either use the full path

    <img src="http://www.marcway.co.uk/images/marcway shop outside.jpg">

    or the "shortcut" of the full path

    <img src="./images/marcway shop outside.jpg">

    The . in the URL means that the browser has to look for the directory Images
    in the root of the webpage. Also it's recommended not to use spaces in
    names. So write it without spaces or use an underscore.

    <img src="./images/marcwayshopoutside.jpg">

    or

    <img src="./images/marcway_shop_outside.jpg">

    This ofcourse will only work if the JPG's are also named like that.

    --
    Menno
    =====================
    My 3D Art can be seen on
    http://www.3dart4u.com
    =====================
    Remove nopam in mail address when mailing me
     
    TheCroW, Feb 20, 2005
    #4
  5. Missing no images in Moz1.6.5.
    Looked at the source, it is soooooo ugly. I'm going to do an html check
    from w3c soon.
    Poly-poly man
     
    Poly-poly man, Feb 20, 2005
    #5
  6. Jules

    TheCroW Guest

    Missing no images in Moz1.6.5.
    What is Moz1.6.5? I am a new Mozilla user, using Firefox 1.0 now for a few
    weeks and think it rockz :eek:)

    Menno
     
    TheCroW, Feb 20, 2005
    #6
  7. Jules

    Roland Guest

    There's absolute *no reason* to do this. Firefox also knows that this
    so-called relative URL ("images/marcway%20shop%20outside.jpg") should be
    taken relative to the location of the document in which it is referenced
    <http://www.marcway.co.uk/home.htm>. The location of this document is
    <http://www.marcway.co.uk/> so Firefox retrieves it as
    <http://www.marcway.co.uk/images/marcway shop outside.jpg>.

    Like you say, there is a *lot* of totally useless <font .... > stuff in
    it. The HTML validator
    <http://validator.w3.org/check?uri=http://www.marcway.co.uk/home.htm>
    complains that the number of open tag elements exceeds the maximum. I
    guess this is the reason that the images don't display in Firefox.

    To OP (Jules): you should remove al those unnecessary <font>, <i>, <b>
    elements surrounding the images. Probably Dreamweaver has generated
    (woven ;-) ) this horrible code when you were editing these sections.
    It's best to delete those sections (line 73 and line 93) with a plain
    text editor, and replace them with (line 73):

    <p><a href="map.htm"><img src="images/marcway%20shop%20outside.jpg"
    width="317" height="201" alt="Location Map " border="0"></a></p>

    and (line 93):
    <p><a href="mailto:"><img
    src="images/macrway%20inside.jpg" width="313" height="200"></></p>

    Then, if required, you could add additional mark up to it in Dreamweaver
    (though I'd prefer to use a plain text editor to create HTML pages).

    I would recommend to use the HTML validator (http://validator.w3.org/)
    to check your HTML before publishing it.

    HTH,
    --
    Regards,

    Roland de Ruiter
    ___ ___
    /__/ w_/ /__/
    / \ /_/ / \
     
    Roland, Feb 20, 2005
    #7
  8. Jules

    Roland Guest

    Roland, Feb 20, 2005
    #8
  9. Jules

    Roland Guest

    ^^^
    That should be:
    </a></p>
    --
    Regards,

    Roland de Ruiter
    ___ ___
    /__/ w_/ /__/
    / \ /_/ / \
     
    Roland, Feb 20, 2005
    #9
  10. Jules

    Ed Mullen Guest

    Current release version is 1.7.5. Compare:

    http://www.ilias.ca/MozillavsFirefox.html
     
    Ed Mullen, Feb 20, 2005
    #10
  11. Why do <p> stuff? why not just leave the <a> the way it is?
    poly-poly man
     
    Poly-poly man, Feb 20, 2005
    #11
  12. Jules

    Roland Guest

    In the original page, both images/links were already in their own <p>
    paragraph element. I was just reproducing the structure of that page.
    --
    Regards,

    Roland de Ruiter
    ___ ___
    /__/ w_/ /__/
    / \ /_/ / \
     
    Roland, Feb 20, 2005
    #12
  13. Can I just add that it's better not to have spaces in the filenames. Sometimes
    they get changed to %20, sometimes they cause problems.


    --
    Chris Pollard


    CG Internet café, Tagum City, Philippines
    http://www.cginternet.net
     
    Christopher Pollard, Feb 21, 2005
    #13

  14. I noticed a few occurences of:
    <p align="center">&nbsp;</p>
    <p>&nbsp;</p>
    in there.

    I always think, it the page is all one font (always a good idea) then it's
    better to use line breaks rather than new paragraphs. It makes the code a lot
    cleaner. In Dreamweaver you use shift-return rather than return, which would
    give you a new paragraph.

    If you're editing the raw html, it's <br>

    --
    Chris Pollard


    CG Internet café, Tagum City, Philippines
    http://www.cginternet.net
     
    Christopher Pollard, Feb 21, 2005
    #14
  15. Jules

    ..brian.. Guest

    I can't get over how much HTML code exists for such a small, plain
    page. It looks like you made changes to the page, but Dreamweaver
    didn't delete all of the old "font" and other tags in there. You
    really could get rid of the annoying title and status bar scrollers.

    Check your page here: [http://12.108.1.59/.docs/pg/11133]

    Those two images showed earlier today, but don't see them now that I'm
    on a different computer. Strange. But I'm scared to look at the
    source again <g>.

    I think you should start over...
     
    ..brian.., Feb 21, 2005
    #15
  16. Jules

    Jules Guest


    Someone gave me hand who was suposed to be great with DM. I too have
    noticed on some of my computers they show and others dont.

    Im doing it again, but someone helped me get that site up and running.

    thanks for the tips
     
    Jules, Feb 21, 2005
    #16
  17. Jules

    Jules Guest

    Made a note! thanks
     
    Jules, Feb 21, 2005
    #17
  18. Jules

    Jules Guest

    thanks, thats what i thought but maybe the ones with spaces were done
    when someone gave me a walk through
     
    Jules, Feb 21, 2005
    #18
  19. Jules

    Jules Guest


    Thankyou for your help, learnt something new. Im not great with English
    as i suffer from dyslexia, but that makes sense.
     
    Jules, Feb 21, 2005
    #19
  20. If you're starting again, here's a couple of tips (I use dreamweaver too).

    First, create a working directory, then within that, create another one for the
    pictures. Copy all the pictures you intend to use on the page into that
    directory.
    Fire up dreamweaver, and before you do anything, save the blank page in your
    newly created working directory.

    When you insert an image, DW will know that it resides in the \pictures (or
    whatever you called it) directory just below the current one, and it should all
    work fine.

    Hope this helps.
    --
    Chris Pollard


    CG Internet café, Tagum City, Philippines
    http://www.cginternet.net
     
    Christopher Pollard, Feb 22, 2005
    #20
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.