Welcome to WebmasterWorld Guest from 54.144.48.252

Forum Moderators: incrediBILL

Message Too Old, No Replies

Photos/Graphics

Pictures and graphics don't show in FF

     
12:55 pm on Mar 1, 2010 (gmt 0)

5+ Year Member



Hello,
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:

<html>
<title> Coastweb</title>
<img src="F:\webpage\logo2.jpg" align="center" width="100%" height="120">
<table border="5"
bordercolor=="#8080cc"
bgcolor="white"
width="100%"
cellspacing="2" cellpadding="3"
font size="+2">
<tr><td align="center">

<a href="F:\webpage\forside.html">
<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">
Project background</a></td>

<td align="center" width="16%"><a href="F:\webpage\crew.html">
Affiliated scientists</a></td>

<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>
</td></tr></table>


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.

Any tips?
2:30 pm on Mar 1, 2010 (gmt 0)

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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)

WebmasterWorld Senior Member piatkow is a WebmasterWorld Top Contributor of All Time 5+ Year Member



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)

5+ Year Member



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)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



F:\webpage\logo2.jpg


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

<img src="logo2.jpg">

Another example, let's say you organize this so you have

webpage\images\logo2.jpg

With images being a folder/directory.

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

When you upload to a server, I'd replace it with this:

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

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:

<a href="about.html">....

deployed page:

<a href="/about.html">....
8:39 am on Mar 2, 2010 (gmt 0)

5+ Year Member



Thank you. I will try this. Makes sense even to me..

:) Silje
 

Featured Threads

Hot Threads This Week

Hot Threads This Month