homepage Welcome to WebmasterWorld Guest from 54.196.194.204
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Browsers / Firefox Browser Usage and Support
Forum Library, Charter, Moderators: incrediBILL

Firefox Browser Usage and Support Forum

    
Photos/Graphics
Pictures and graphics don't show in FF
Silje




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

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?

 

tangor




msg:4089269
 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.

piatkow




msg:4089277
 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\ ?

Silje




msg:4089322
 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?

rocknbil




msg:4089405
 6:40 pm on Mar 1, 2010 (gmt 0)

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

Silje




msg:4089824
 8:39 am on Mar 2, 2010 (gmt 0)

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

:) Silje

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Firefox Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved