• Welcome to BirdForum, the internet's largest birding community with thousands of members from all over the world. The forums are dedicated to wild birds, birding, binoculars and equipment and all that goes with it.

    Please register for an account to take part in the discussions in the forum, post your pictures in the gallery and more.
ZEISS DTI thermal imaging cameras. For more discoveries at night, and during the day.

A bit of HTML help please (1 Viewer)

Jacamar

Well-known member
I've been working on a website about birding in Guyana, but am running into a few problems. The website is http://www.freewebs.com/birdingguyana

I started making it on one computer and got the banner sized up to stretch all the way across the top of the screen. Now, on another computer, it doesn't go all the way across, only about 3/4. In the HTML I sized it to 780x100, but it somehow doesn't get that big. Any suggestions?

Also, my site does not load in MS IE. It works fine in Firefox, but when I load it in Explorer it come up as a blank page. Viewing the page source shows all the HTML, but the site doesn't show up at all.
 
Chris,
Still working on the banner problem. To show the page in Internet Explorer try getting rid of the paragraph tag <p> you have before the head tag <head>. I copied your source to notepad, deleted the above mentioned paragraph tag and it worked.
 
Lisa,
I removed that paragraph tag, but it doesn't seem to have corrected the problem.
Any more ideas?

Thanks,
 
Maybe put your banner in a table with a 100% width and zero border. Set the background colour so that it bleeds into the image. The image dimensions should be its real size.
 
Chris, I did what Alistar suggested. Then opened the page in Internet explorer and everything showed up. The banner went all the way across the page and words, etc, all showed. This is the code that I used (it is yours except for deleting that paragraph tag before head and changing the widht to 100% on the banner) and like I said no problems:
<html>
<head><title>Birding in Guyana</title></head>
<body BGCOLOR="#F9F9FF" link="#095514" vlink="#7CAB10" ><img src="banner.jpg" width=100%>
<p padding-left: 20px><font face="Maiandra GD">
<table border="2" cellpadding="6" align="left">
<td align="center"><A HREF="index.html">Home</A></th>
</tr>
<tr>
<td align="center"><A HREF="birds.htm">Birds</A></td>
</tr>
<tr>
<td align="center"><A HREF="birdingsites.htm">Birding Sites</A></td>

</tr>
<td align="center"><A HREF="links.htm">Links</A></td>
</tr>
</table>

<p align="center"><font face="Maiandra GD">Guyana is the third smallest country in South America. It is home to almost 800 species<br> of birds. However, information about birdwatching here is scarce. That's why I made this site.</p></font>
<p align="center"><font face="Maiandra GD">This page covers information about some birding sites in Guyana, as well as an overview <br>of the more common species, including some ID tips.

<!-- --><script type="text/javascript" src="/i.js"></script></body>
</html>

I'm not sure why it won't work on your IE, oh yea, it also looks good in Netscape.
Lisa
 
What does your "i.js" file do? Take out that bit of code and it might work on IE. As others have said it works if you copy the page to your own machine and open it in IE which suggests something on the server breaks it (i.e. the JS file)
 
Hello
There does not apear to be the correct heading for your page informing the browser what type of document it is, also there could be a problem with the type face you are using.
Try the following code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body BGCOLOR="#F9F9FF" link="#095514" vlink="#7CAB10" ><img src="banner.jpg" width="780" height="100">
<p padding-left: 20px><font face="Maiandra GD">
<table border="2" cellpadding="6" align="left">
<td align="center"><A HREF="index.html">Home</A></th>
</tr>
<tr>
<td align="center"><A HREF="birds.htm">Birds</A></td>
</tr>
<tr>
<td align="center"><A HREF="birdingsites.htm">Birding Sites</A></td>
</tr>
<td align="center"><A HREF="links.htm">Links</A></td>
</tr>
</table>

<p align="center"><font face="Maiandra GD">Guyana is the third smallest country in South America. It is home to almost 800 species<br> of birds. However, information about birdwatching here is scarce. That's why I made this site.</p></font>
<p align="center"><font face="Maiandra GD">This page covers information about some birding sites in Guyana, as well as an overview <br>of the more common species, including some ID tips.

<!-- --><script type="text/javascript" src="/i.js"></script></body>
<body>
</body>
</html>
 
Thanks all for your help. It seems to be working in both browsers now.
I'll let you know if I run into any more problems. ;)
 
On the attached page, how can I move the second horizontal rule, as well as the two links, to the bottom of the page, underneath the second picture? (I'm attaching a snapshot of the page and a text file with the HTML).
 

Attachments

  • Capture5-20-06-8.25.13 PM5-22-06-11.55.08 AM.jpg
    Capture5-20-06-8.25.13 PM5-22-06-11.55.08 AM.jpg
    85.4 KB · Views: 104
  • lwh.txt
    1.7 KB · Views: 96
Warning! This thread is more than 18 years ago old.
It's likely that no further discussion is required, in which case we recommend starting a new thread. If however you feel your response is required you can still do so.

Users who are viewing this thread

Back
Top