Misbehaving Images

[domestic]

I have been doing a website - HERE (thanks to the guys here - see php section), and am nearing completion after my "team-mate" as apparently bailed out on the project. So I have finally made the required images for the website, only to find that some images (a randomly different image(s)) don't always display (if all display, click refresh to see what I mean). Initially I tought, maybe the images are too big. So I decreased the file sizes. But no such luck. So I killed anything that could be using up bandwidth but still, no such luck! I'm desperatly seeking the wisdom of anyone who can tell me what is going on.

Thanks!

Domestic

[EDIT]It only seems to appear on firefox. I have many addons and have changed many settings so this may be responsible and therefore a problem for only me, but could others let me know whether its firefox, the servers, or just my firefox version.[/EDIT]

index.php:

PHP Code:

<noscript>
<meta http-equiv="refresh" content="2; URL=enable_javascript.php">
</noscript>

<?php

/* Aberdeen Student Radio demo page version 2
   Designed and maintained by Andrew MacKillop
   Copyright Andrew MacKillop 2007
 */

//get current location. if null then goto home page
$location=$_GET['location']; if (empty($location)) {
  $location='home';
}

changelocation($location);

function changelocation($location) {

//include the starting tags
include ('header.html');



//Top
echo '  <table width="1000px" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">';
echo '  <tr>';
echo '    <td colspan="3" align="bottom" valign="bottom" height="100">';
echo '      <p><font size="20pt" face="Base 02">';
echo '        <img src="../Pictures/ASRBarL.jpg" width="180" height="100"><img src="../Pictures/ASRBarM.jpg" width="640" height="100"><img src="../Pictures/ASRBarR.jpg" width="180" height="100">';
echo '      </font></p>';
echo '    </td>';
echo '  </tr>';
  
//Left
echo '    <td width="200px" colspan="1" align="center" valign="top" bgcolor="#f0f0f0">';
echo '      <div align="left"><font face="Calibri">';
              require_once ("pane_left.html");
echo '      </font></div>';
echo '    </td>';


//Main section
echo '    <td width="600px" align="center" valign="top">';
echo '        <div align="center" valign="top">';
              require_once ("navbar.html");
echo '      <br /></div>';
echo '      <div align="left"><font face="Calibri">';
              $newlocation = $location.".html";
              require_once ($newlocation);
echo '      </font></div>';
echo '    </td>';


//Right
echo '    <td width="200px" colspan="1" align="center" valign="top" bgcolor="#f0f0f0">';
echo '      <div align="right"><font face="Calibri">';
               require_once('pane_right.html');
echo '        </font></div>';
echo '    </td>';
echo '  </tr>';


//Bottom left
echo '  <tr>';
echo '    <td align="center" valign="top" height="5" bgcolor="#f0f0f0">';
echo '      <a href="http://www.ausa.org.uk/"><img src="../Pictures/AUSA.gif" alt="ASR" width="50" height="52" align="absmiddle"></a>';
echo '    </td>';


//Bottom middle
echo '    <td align="center" valign="baseline" height="52">';
echo '    </td>';


//Bottom right
echo '    <td align="center" valign="top" height="5" bgcolor="#f0f0f0">';
echo '    </td>';
echo '  </tr>';



//Bottom Curve - left
echo '  <tr>';
echo '    <td align="center" valign="bottom" height="22" bgcolor="#f0f0f0">';
echo '      <img src="../Pictures/SideBarB.jpg" width="200" height="22"></a>';
echo '    </td>';


//Bottom middle
echo '    <td align="center" valign="baseline" height="22">';
echo '      <div align="center"><font face="Calibri, Arial"><a href="http://www.abdn.ac.uk/~u41am6">Designed by Andrew MacKillop</a></font></div>';
echo '    </td>';


//Bottom right
echo '    <td align="center" valign="bottom" height="22" bgcolor="#f0f0f0">';
echo '      <img src="../Pictures/SideBarB.jpg" width="200" height="22"></a>';
echo '    </td>';
echo '  </tr>';



//End of table
echo '</table>';

switch ($location) {
  case 'index':     require_once ('home.html');
    break;
  case 'contact':     require_once ('contact.html');
    break;
}

echo '</td></tr></table>';

include ('footer.html');

}

?>

<div align="center">
<script type="text/javascript"><!-- 
google_ad_client = "pub-7130529620454718";
//468x60, created 05/11/07
google_ad_slot = "9601968780";
google_ad_width = 468;
google_ad_height = 60;
--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<tr><td height="401" colspan="2" align="left" valign="top"><img src="http://forum.codecall.net/images/sider.JPG" width="100%" height="4"></span></p>


<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=2874796; 
var sc_invisible=0; 
var sc_partition=29; 
var sc_security="9903d388"; 
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a class="statcounter" href="http://www.statcounter.com/"><img class="statcounter" src="http://c30.statcounter.com/2874796/0/9903d388/0/" alt="web stats" /></a></div></noscript>

<!-- End of StatCounter Code -->

</body>

<!-- Begin Google stats code for asr -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2665783-1";
urchinTracker();
</script>
<!-- End Google stats code for asr -->
</div >

navbar.html:

<html>
<link href="Stylesheet.css" rel="stylesheet" type="text/css">

<div align="center" class="body">
<img src="../Pictures/NavHome0.jpg" alt="Home" width="95" height="30">
<img src="../Pictures/NavListen0.jpg" alt="Listen" width="95" height="30">
<img src="../Pictures/NavSchedule0.jpg" alt="Schedule" width="95" height="30">
<img src="../Pictures/NavNews0.jpg" alt="News" width="95" height="30">
<img src="../Pictures/NavContact0.jpg" alt="Contact" width="95" height="30">
<img src="../Pictures/NavAbout0.jpg" alt="About" width="95" height="30">
</div>
</html>

[John]

I see to problems with any images. Looks the same in both IE and FF. You should note it is improper to use "px" when using the width attribute in table and td elements.

[TcM]

In don't see any problems.... Did you try this on different browsers? And got that problem?

[domestic]

well, I see the issue in ff, not ie. so i wanted to see what others had to say. I have a ff with many plugins and also, custom atributes and modifications to the inner settings of ff, so wasnt sure if this was just down to my browser, the servers, ff, or my coding or what.

[Gabriel]

I don't see any problem either. it mostlikly is just your FF.

[TcM]

But what plug in would do that? For sure that doesn't enhance your FF experience.

[domestic]

Agreed. Might be this bunch of cutom stuff:

Speed up firefox!

Firefox is in my opinion the best browser ever made until now. It includes:
-improved tabbed browsing
-pop up blocking
-integrated Goggle search
-enhanced privacy controls
-built-in phishing protection
-online spell checking
-lots of themes, interfaces, and extensions/addons

Mozilla Firefox officially supports:
-Microsoft Windows
-Linux
-Mac OS X

Unofficial Support:
-Free BSD
-OS/2
-Solaris
-SkyOS
-BeOS
-XP Professional x64 Edition

Now here are some Tips&Tricks that can help you double the speed of Firefox.

1. Type about:config in the address bar and then press Enter.

2. In the filter search bar type network.http.pipelining. Be sure the value field is set true,if not double-click to set true. HTTP is the application-layer protocol that most web pages are transferred with. In HTTP 1.1, multiple requests can be sent before any responses are received. This is known as pipelining. Pipelining reduces page loading times, but not all servers support it.

3. Go back to the filter search bar and type network.http.pipelining.maxrequests. Double-click this option and set its value to 8.

4. In the filter search bar and type network.http.proxy.pipelining. Once opened doubleclick on it and set it to true.

5. In IPv6-capable DNS servers, an IPv4 address may be returned when an IPv6 address is requested. It is possible for Mozilla to recover from this misinformation, but a significant delay is introduced.
Type network.dns.disableIPv6 in the filter search bar and set this option to true by double clicking on it.

6. CONTENT INTERRUPT PARSING
This preference controls if the application will interrupt parsing a page to respond to UI events. It does not exist by default. Right-click (Apple users ctrl-click) anywhere in the about:config window, select New and then Boolean from the pop-up menu. Then:
A. Enter content.interrupt.parsing in the New boolean value pop-up window and click OK
B. When prompted to choose the value for the new boolean, select true and click OK.

7. Rather than wait until a page has completely downloaded to display it to the user, Mozilla applications will regularly render what has been received to that point. This option controls the maximum amount of time the application will be unresponsive while rendering pages. Right-click (Apple users ctrl-click) anywhere in the about:config window, select New and then Integer from the pop-up menu.
A. Enter content.max.tokenizing.time in the New integer value pop-up window and click OK
B. You will be prompted to enter a value. Enter 2250000 and click OK.

8. CONTENT NOTIFY INTERVAL
This option sets the minimum amount of time to wait between reflows. Right-click (Apple users ctrl-click) anywhere in the about:config window, select New and then Integer from the pop-up menu.
A. Type content.notify.interval in the New integer value pop-up window and click OK.
B. You will be prompted to enter a value. Enter 750000 and click OK.

9. CONTENT NOTIFY ONTIMER
A. This option sets if to reflow pages at an interval any higher than that specified by content.notify.interval. Right-click (Apple users ctrl-click) anywhere in the about:config window and select New and then Boolean from the pop-up menu.
B. Type content.notify.ontimer in the New boolean value pop-up window and click OK.
C. You will be prompted to choose the value for the new boolean. Select true and click OK.

10. Notify Backoffcount
This option controls the maximum number of times the content will do timer-based reflows. After this number has been reached, the page will only reflow once it is finished downloading. Right-click (Apple users ctrl-click) anywhere in the about:config window and select New and then Integer from the pop-up menu.
A. Enter content.notify.backoffcount in the New integer value pop-up window and click OK.
B. You will be prompted to enter a value. Enter 5 and click OK.

11. CONTENT SWITCH THRESHOLD
You can interact with a loading page when content.interrupt.parsing is set to true. When a page is loading, the application has two modes: a high frequency interrupt mode and a low frequency interrupt mode. The first one interrupts the parser more frequently to allow for greater UI responsiveness during page load.
The low frequency interrupt mode interrupts the parser less frequently to allow for quicker page load. The application enters high frequency interrupt mode when you move the mouse or type on the keyboard and switch back to low frequency mode when you had no activity for a certain amount of time. This preference controls that amount of time. Right-click (Apple users ctrl-click) anywhere in the about:config window and select New and then Integer from the pop-up menu.
A. Enter content.switch.threshold in the New integer value pop-up window and click OK.
B. You will be prompted to enter a value. Enter 750000 and click OK.

12. NGLAYOUT INITIALPAINT DELAY
Mozilla applications render web pages incrementally, they display what’s been received
of a page before the entire page has been downloaded. Since the start of a web page
normally doesn’t have much useful information to display, Mozilla applications will wait
a short interval before first rendering a page. This preference controls that interval. Rightclick (Apple users ctrl-click) anywhere in the about:config window and select New and then Integer from the pop-up menu.
A. Enter nglayout.initialpaint.delay in the New integer value pop-up window and click OK.
B. You will be prompted to enter a value. Enter 0 and click OK.
----------------------------------
but thats pretty much faster fox in a customised fashion.


and the other plugins:

Adblock Plus
Download Embedded
Download Statusbar
Flashgot
IDM CC
Linkification
No Script

NB: if you just browse then there are no problems. Its just when you click refresh when browsing.

[John]

Originally Posted by domestic

Firefox is in my opinion the best browser ever made until now.

Yeah, except for the security flaw and memory leak.

*waits patiently for FF3.0*

[TcM]

Originally Posted by Sidewinder

Yeah, except for the security flaw and memory leak.

*waits patiently for FF3.0*

PLUS for me it crashes randomly from time to time