| | |
.gif in firefox
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
•
•
HI,
I have a html page that should display a .gif picture, it does show it with IE but i cant view it with mozzilla firefox.
Is there any option i can check in firefox or do i have to edit the html file?
thank you
. Are you sure you've inserted the image correctly?
Check your paths and whether the image was not cached in IE cache.
" Of all the things I've lost,
I miss my mind the most...."
Mark Twain
I miss my mind the most...."
Mark Twain
•
•
•
•
i have checked it three times now. it is fine with IE but not firefox. it gives me a blank space for the image with a "x" sign at the top right....:-|
If you have empty space with red cross - this means that the path is wrong, or image name is wrong, or something like that, so FF cannot find the image.
1. Check your path once again.
2. Check image name - there should be no spaces. Use underscore instead.
" Of all the things I've lost,
I miss my mind the most...."
Mark Twain
I miss my mind the most...."
Mark Twain
thanks for your reply.
I checked the path and image name, but still doesnt help. if the path or image was wrong how come it loads it using IE.
this is what i got for the image tag:
<img src="C:\webroot\images\logo.gif" width="650" height="110">
ps. sorry about my earlier post i get broken picture sign when loading it with firefox.
I checked the path and image name, but still doesnt help. if the path or image was wrong how come it loads it using IE.
this is what i got for the image tag:
<img src="C:\webroot\images\logo.gif" width="650" height="110">
ps. sorry about my earlier post i get broken picture sign when loading it with firefox.
Last edited by sam1; Mar 8th, 2007 at 3:50 pm.
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:
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:
HTML and CSS Syntax (Toggle Plain Text)
src="/webroot/images/logo.gif"
Daylight-saving time uses more gasoline
if you want to link to a local file as the image; use the 'file' protocol explicitly:
maybe those (\) should be the other way round; so if it doesn't work like that; try:
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.
HTML and CSS Syntax (Toggle Plain Text)
<img src="file:///C:\webroot\images\logo.gif" width="650" height="110">
HTML and CSS Syntax (Toggle Plain Text)
<img src="file:///C:/webroot/images/logo.gif" width="650" height="110">
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.
Last edited by MattEvans; Mar 9th, 2007 at 7:38 am.
Plato forgot the nullahedron..
![]() |
Similar Threads
- javascript NG on Firefox (JavaScript / DHTML / AJAX)
- Firefox and IE padding issue. (HTML and CSS)
- Internet explorer stopped working after using mozilla firefox (Windows NT / 2000 / XP)
Other Threads in the HTML and CSS Forum
- Previous Thread: Autosize iframe not refreshing to top of page.
- Next Thread: textarea dynamically
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl






