Try opening it with the "open file" entry in the File menu of Firefox.
The trouble is probably that you are addressing a path on your own computer.
I didn't know you could put a DOS/Windows path in the src attribute. Maybe the trouble is that IE allows that, but Firefox doesn't.
Subdirectories and folders normally use forward slashes in internet addressing, not backslashes.
The correct url is:
src="/webroot/images/logo.gif"
MidiMagic
Nearly a Senior Poster
3,319 posts since Jan 2007
Reputation Points: 730
Solved Threads: 182
if you want to link to a local file as the image; use the 'file' protocol explicitly:
<img src="file:///C:\webroot\images\logo.gif" width="650" height="110">
maybe those (\) should be the other way round; so if it doesn't work like that; try:
<img src="file:///C:/webroot/images/logo.gif" width="650" height="110">
Also, check out: http://en.wikipedia.org/wiki/File:_URL
It loads without in IE because IE perhaps 'expects' windows/DOS paths.. It's not a correct URL though; because unless an URL is relative or root-relative; it has to have a protocol specified.
Putting an url like this src="/webroot/images/logo.gif" will work; but it's deceptive because it's root-relative to a local drive; wheras on the web; it'll be root relative to a 'home' or 'My Documents' folder (depending on the server OS, and may be different); with a document root folder inside.
That is; if/when you put your page online; it's likely that the document root folder will be at the level of 'webroot', so your url will end up "/images/logo.gif". On the server; the root-absolute path "/images" may end up pointing to a folder like; "/home/sam1/htdocs/images" (if you're on a linux server running apache); and that might be accessible from the web as : "http://www.sam1.com/images". However; the URL: "file:///c:\anything" is only accessible on your computer.
You can get around that by making ALL links relative (i.e: if your page is in a folder "C:\webroot\stuff\index.html"; and the image is in the folder "C:\webroot\images\logo.gif"; make the src="../images/logo.gif") but; that can get reaaaally difficult to manage. Or, upload your images to where you want them to be on the web, and use an HTTP protocol url i.e. "http://www.sam1.com/images/logo.gif". If you don't do something like that; and you make everything absolute with reference to your filesystem; you'll have to go and change all your links when you come to upload your site to the server.
MattEvans
Veteran Poster
1,386 posts since Jul 2006
Reputation Points: 522
Solved Threads: 64