Pictures and graphics don't show in FF
| 12:55 pm on Mar 1, 2010 (gmt 0)|
I'm very new to writing html and I have made web pages for my phd project (marine biology..). They seem to work fine in IE when I test them offline, but photos, links and graphics don't seem to work in FF. They are there and I can right click and choose to display them in a new tab but they don't appear automatically. Don't know if it's my code or some safety settings on the browser! I'm only using html, no external style sheet.
Here is some of the script:
<img src="F:\webpage\logo2.jpg" align="center" width="100%" height="120">
<font size="+2"><b>Home</b></font> </a></td>
<td align="center" width="16%"><a href="F:\webpage\fieldwork.html">
<font color="red"> Fieldwork </font></a></td>
<td align="center" width="17%"><a href="F:\webpage\funding.html">
<td align="center" width="16%"><a href="F:\webpage\crew.html">
<td align="center" width="17%"><a href="F:\webpage\Ecopath.html">
The Ecopath modelling framework </a></td>
<td align="center" width="16%"><a href="F:\webpage\references.html">
References and Literature </a>
This is just the logo on top and table with links to the rest of the pages It aligns fine but logo does not show.
| 2:30 pm on Mar 1, 2010 (gmt 0)|
The only thing I see in error for the logo is you've specified width="100%" and that is incorrect as an image width.
Also, a <style> tag for your colors would work better... and check your punctuation, you do not want two == in the statement.
| 2:52 pm on Mar 1, 2010 (gmt 0)|
I am a little confused when you start using terms like "off line" when you are using drive mappings.
Are you saying that you test OK with IE on your PC then upload the page to a web server and then get the problem with Firefox?
Is the page that you are viewing located on F:\webpage\ ?
| 3:56 pm on Mar 1, 2010 (gmt 0)|
Thank you for any tips.
With off line I mean that I'm just testing it on my computer. In IE or in FF I just write the F:\webpage etc and see what it looks like. (It's not yet on a server). And the page looks fine in IE but in FF the pictures don't show. BUT, table and the frame for the picture shows and it has a small symbol of torn paper? (I think) in the frame. I can right click inside the frame and open the picture in a new tab so the browser has to read the script, right?
| 6:40 pm on Mar 1, 2010 (gmt 0)|
Well, I am making the assumption you are using Windows due to the backslashes. For a full path URL, FireFox needs something like "file://F\:webpage\logo2.jpg" - but don't use that, it may be specifically incorrect and you'd have to change it anyway when you upload to a server.
If this page is in the "webpage" directory, link to your images and other links relative to this page - like
Another example, let's say you organize this so you have
With images being a folder/directory.
When you upload to a server, I'd replace it with this:
Because being on a web server, this always means to start at the domain root, which allows you to create directory structures without having to use relative "toothpick syntax." Note that offline this will not work because your computer is not a web server. You'd need to remove the first slash viewing locally, replace it when deployed to the server.
Note also the forward slashes now; browsers will resolve them locally just fine, but it's that "where do we start?" at the beginning of the src/href that is causing the local problems.
I would follow both of the above concepts in your links, too:
| 8:39 am on Mar 2, 2010 (gmt 0)|
Thank you. I will try this. Makes sense even to me..