webpage diff between FF and IE

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

 

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

 

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

 

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

 

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

 

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 )

Menno

 

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_/ /__/
/ \ /_/ / \

 

It's the Mozilla Suite <http://www.mozilla.org/products/mozilla1.x/>.
Comes with browser (like Firefox
<http://www.mozilla.org/products/firefox/>), email client (like
Thunderbird <http://www.mozilla.org/products/thunderbird/>), a HTML
editor and a chat client.
--
Regards,

Roland de Ruiter
___ ___
/__/ w_/ /__/
/ \ /_/ / \

 

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

Roland de Ruiter
___ ___
/__/ w_/ /__/
/ \ /_/ / \

 

Current release version is 1.7.5. Compare:

http://www.ilias.ca/MozillavsFirefox.html

 

Why do <p> stuff? why not just leave the <a> the way it is?
poly-poly man

 

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_/ /__/
/ \ /_/ / \

 

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

 

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

 

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...

 

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

 

Made a note! thanks

 

thanks, thats what i thought but maybe the ones with spaces were done
when someone gave me a walk through

 

Thankyou for your help, learnt something new. Im not great with English
as i suffer from dyslexia, but that makes sense.

 

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