[mozart66]

Hi!

I need quick help on HTML coding. I am not exactly a novice but neither have I figured out why this is happening.

On the website that I have developed, I have used combination of HTML/XHTML and PHP.

PROBLEM 1: The website opens properly (meaning with coloured background leaf.jpg) in all three browsers I am testing with (IE 8, Firefox 3.5, Google Chrome on the local machine). However, the ‘Top’ and ‘Back’ links on pages display the images of back arrow and top arrow (and also arrow used in the listing) properly only on IE 8 and Google Chrome both on the internet and locally too. Firefox displays the ‘alt’ text in the image tag instead of images (this is when I see the website on the internet). The top, back and bullet arrows are all GIF files. The JPEG versions of the same images work very well on IE 8 and Google Chrome but not in Firefox. (e.g. ARBUTUS - Children's Cultural Centre).

PROBLEM 2: The size of the cell in a table looks rather enlarged and ugly or disproportionate on the Sitemap page (e.g. ARBUTUS - Children's Cultural Centre).

PROBLEM 3: On any webpage (e.g. ARBUTUS - Children's Cultural Centre) there is a fine gap (about 2 pixels) in the top banner and the menu items on the webpage. Similar gap can be seen on the bottom too. Cellpadding and Cellspacing problem?

I have tried to solve these problems but in vain. Need some expert advise. Anyone out there?

I have tried using <img border="0" src="images/bullet.gif"/> but did not get the results. My website is being hosted on Linux system.

Please help.
Mozart66