Another Newbie Question

Have a page on my website that looks fine in IE8, but terrible in Firefox. I have looked at it till I am blue in the face, and cannot see what is causing the problem. In FF the text just keeps getting bigger as you scroll the page.

Here is first part of code (and yes I know it’s very crude)…

<html>
<head>
<title>Coin Hunting</title>

<META NAME=“keywords” content=" Coinhunting, Dick Stout, Metal Detecting, FMDAC, Treasure Hunting">

<meta http-equiv=“Content-Type” content=“text/html;charset=UTF-8”>

<style type=“text/css”>

table {
margin: 40px;

}

img {
border: 4px solid black;

padding-left: 30px
padding-right: 50px;
margin: 30px;

body{font-family: Verdana; impress;}

h1 {font-size: 25px;}
h2 {font-size: 35px;}
h3 {font-size: 30px;}

text {font-weight: bold;
font-color: black;
}

</style>
</head>
<body leftmargin=“100” rightmargin=“100”>
<body background=“images/Fabric.jpg”>

<body bgcolor=“#DEB887”>

<font color=“black”>

<center><font size=“6”><b>TREASURE HUNTING CLUB WEBSITES

<p><font size=“5”><font color=“yellow”><i><u>Click on club name to open website</u></i></p>

<br>

<h3><center><font color=“white”>ALABAMA</h3>

<h1><a href=“http://wbtha.com/”><font color=“black”>Warrior Basin Treasure Hunters</a>

<h1><a href=“http://www.sahrara.com/index.html”><font color=“black”>South Alabama Historical Research & Recovery Association</a>

<hr color=“red”>
<br>

<h3><center><font color=“white”>ALASKA

<h1><a href=“http://www.akmining.com/”><font color=“black”>Alaska Treasure Hunters</a>

<hr color=“red”>

<center><font color=“white”>ARIZONA</center>

<h1><a href=“http://aztreasures.org”><font color=“black”>Airzona Treasures Unlimited</a>

<h1><a href=“http://phred01.tripod.com/”><font color=“black”>Huachuca Prospectors Association</a>

<h1><a href=“http://www.roadrunnergold.com/”><font color=“black”>Roadrunner Prospectors Club</a>

<h1><a href=“http://www.havasugoldseekers.com/”><font color=“black”>Havasu Gold Seekers </a>

<h1><a href=“http://www.quartzsitemetaldetectingclub.com/”><font color=“black”>Quartzite Metal Detecting Club</a>

<h1><a href=“http://www.superstitiontreasure.com/links/index.html”><font color=“black”>Superstition West Treasure Hunters</a>

<hr color=“red”>
<br>

<center><font color=“white”>ARKANSAS</center>

<h1><a href=“http://www.freewebs.com/arkansastreasurehunters/”><font color=“black”>Arkansas Treasure Hunters</a>

<hr color=“red”>
<br>

<center><font color=“white”>CALIFORNIA</center>

<h1><a href=“http://www.prospectorsclub.org”><font color=“black”>Prospectors Club of Southern California</a>

<h1><a href=“http://www.westcoasters.org”><font color=“black”>West Coast Prospectors & Treasure Hunters</a>

<h1><a href=“http://www.sdcoinshooters.com/”><font color=“black”>Sand Diego Coin Shooters</a>

<h1><a href=“http://www.cctha.org”><font color=“black”>Central Coast Treasure Hunters Association</a>

<h1><a href=“http://www.gctreasurehunters.com/”><font color=“black”>Gold Coast Treasure Hunters</a>

<h1><a href=“http://mysite.verizon.net/res8ddr8/antelope_valley_treasure_hunters_society/index.html”><font color=“black”>Antelope Valley Treasure Hunters Society, Lancaster, California</a>

<h1><a href=“http://www.riversidetreasurehunters.com/home/”><font color=“black”>Riverside Treasure Hunters Club, Riverside, California</a>

<h1><a href=“http://www.goldhounds.com/index.html”><font color=“black”>Motherlode Gold Hounds</a>

<h1><a href=“http://www.sacramentovalleydetectingbuffs.com/”><font color=“black”>Sacramento Valley Detecting Buffs</a>

<h1><a href=“http://www.sjvtreasurehunters.org/index.htm”><font color=“black”>San Joaquin Valley Treasure Hunters </a>

<h1><a href=“http://waipahuhaole1.tripod.com/treasurehunters.html”><font color=“black”>Treasure Hunters Society of Santa Clara Valley</a>

<hr color=“red”>
<br>

<center><font color=“white”>COLORADO</center>

<h1><a href=“http://www.eurekathc.com/”><font color=“black”>Eureka Treasure Hunters Club</a>

<h1><a href=“http://rmpth.com”><font color=“black”>Rocky Mountain Prospectors & Treasure Hunters Club</a>

<h1><a href=“http://www.lornet.com/prospector/index.html”><font color=“black”>Gold Prospectors of the Rockies</a>

<h1><a href=“http://foothillsprospectors.com/”><font color=“black”>Foothills Prospectors</a>

<hr color=“red”>
<br>

<center><font color=“white”>CONNECTICUT</center>

<h1><a href=“http://www.noreasters.net”><font color=“black”>Nor’Easter’s Treasure Club</a>

<h1> <a href=“http://www.yankeeterritorycoinshooters.com/”><font color=“black”>Yankee Territory Coinshooters</a>

<hr color=“red”>
<br>

<center><font color=“white”>DELAWARE</center>

<hr color=“red”>
<br>

<center><font color=“white”>DISTRICT OF COLUMBIA</center>

<hr color=“red”>
<br>

<center><font color=“white”>FLORIDA</center>

<h1><a href=“http://www.thecfmdc.com/”><font color=“black”>Central Florida Metal Detecting Club</a>

<h1> <a href=“http://home.comcast.net/~youndd/”><font color=“black”>Historical Recovery Association of North Florida</a>

<h1><a href=“http://soflatreasurehunters.tripod.com/”><font color=“black”>South Florida Treasure Hunters Club</a>
<h1><a href=“http://www.tcas.us.”><font color=“black”>Treasure Coast Archeological Society</a>

<h1><a href=“http://www.srarc.com”><font color=“black”>Suncoast Research & Recovery Club</a>

<hr color=“red”>
<br>

<center><font color=“white”>GEORGIA</center>

<h1><a href=“http://cehha.homestead.com/CEHHA.html”><font color=“black”>Coastal Empire History Hunters Association</a>

<h1><a href=“http://lwhite4727.web.officelive.com/default.aspx”><font color=“black”>Dixie Relic Recovery Club</a>

&lt;h1&gt;&lt;a href="http://www.ngrha.com/"&gt;&lt;font color="black"&gt;North Georgia Relic Hunters Association&lt;/a&gt;
&lt;h1&gt;&lt;a href="http://www.underdirt.com/NEW_SMTH/index_SMTH.html"&gt;&lt;font color="black"&gt;Stone Mountain Treasure Hunters&lt;/a&gt;

&lt;h1&gt;&lt;a href="http://www.weekendgoldminers.com/"&gt;&lt;font color="black"&gt;Weekend Gold Miners&lt;/a&gt;

 &lt;hr color="red"&gt;
&lt;br&gt;

Paying it forward, Andrew! Nice job.

Thanks Andrew…like the looks of it all. Hope to learn from your efforts, and will keep you posted. I appreciate all of you on this forum…you’re the best.

You shouldn’t have 3 BODY tags for starters and for some weird reason you are setting two different font sizes on a specific item and thus they conflict. The markup needs cleaning up.

Hey Barnum,

I’ve taken your code sample and re-written it to be semantic HTML 4.01 Strict valid code :slight_smile: I’ve kept the CSS in the head section of the document to keep things simple but if you have some spare time then read the SitePoint article Learn HTML and CSS: An Absolute Beginner’s Guide by Ian Lloyd. It’s a lengthy article but it’ll get you on the right path. If you have a spare bit of money then I would also recommend his book [URL=“http://www.sitepoint.com/books/html2/”]Build Your Own Web Site The Right Way Using HTML & CSS, 2nd Edition.

I’ve only placed one h1 tag in the document as that is the general rule - One header 1 tag to each Web page. I’ve also replaced the list of h1 tags with a set of unordered lists because the page is displaying a list of links. I’ve used h2 tags to display each area. I’ve removed the hr / horizontal rule tag in favour of adding a top border to each h2 tag except for the first which has an id of “first” applied to it which links to the CSS where I have removed the top border for that specific h2 occurrence. Hope that helps you!

I’ve checked the code in Internet Explorer 8, Safari 4, Opera 10.5x, and Mozilla Firefox 3.6 and everything is running fine. :slight_smile: I’ve added my version of the code below which you can copy and paste or use as a template, whatever you like.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="keywords" content="Coinhunting, Dick Stout, Metal Detecting, FMDAC, Treasure Hunting">
		<title>Coin Hunting</title>

<style type="text/css">

body {
	background-color: #DEB887;
	margin-left: 100px;
	margin-right: 100px;
	background-image: url(images/Fabric.jpg);
	font-family: Verdana, impress;
	font-size: 1.5em;
}

table {
	margin: 40px;
}

img {
	border: 4px solid black;
	padding-left: 30px;
	padding-right: 50px;
	margin: 30px;
}

h1 {
	font-size: 35px;
	text-align: center;
	color: black;
}

h2 {
	font-size: 35px;
	color: white;
	text-align: center;
	border-top: 2px solid red;
	padding-top: 20px;
}

h2#first {
	border-top: none;
}

p#highlighted {
	color: yellow;
	text-align: center;
	font-style: italic;
	text-decoration: underline;
}

ul {
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
}

a {
	color: black;
}

</style>

	</head>

	<body>
		<h1>TREASURE HUNTING CLUB WEBSITES</h1>

		<p id="highlighted">Click on the club name to open Website.</p>

		<h2 id="first">ALABAMA</h2>

		<ul>
			<li><a href="http://www.wbtha.com">Warrior Basin Treasure Hunters</a></li>
			<li><a href="http://www.sahrara.com/index.html">South Alabama Historical Research &amp; Recovery Association</a></li>
		</ul>

		<h2>ALASKA</h2>

		<ul>
			<li><a href="http://www.akmining.com/">Alaska Treasure Hunters</a></li>
		</ul>

		<h2>ARIZONA</h2>

		<ul>
			<li><a href="http://aztreasures.org">Airzona Treasures Unlimited</a></li>
			<li><a href="http://phred01.tripod.com/">Huachuca Prospectors Association</a></li>
			<li><a href="http://www.roadrunnergold.com/">Roadrunner Prospectors Club</a></li>
			<li><a href="http://www.havasugoldseekers.com/">Havasu Gold Seekers</a></li>
			<li><a href="http://www.quartzsitemetaldetectingclub.com/">Quartzite Metal Detecting Club</a></li>
			<li><a href="http://www.superstitiontreasure.com/links/index.html">Superstition West Treasure Hunters</a></li>
		</ul>

		<h2>ARKANSAS</h2>

		<ul>
			<li><a href="http://www.freewebs.com/arkansastreasurehunters/">Arkansas Treasure Hunters</a></li>
		</ul>

		<h2>CALIFORNIA</h2>

		<ul>
			<li><a href="http://www.prospectorsclub.org">Prospectors Club of Southern California</a></li>
			<li><a href="http://www.westcoasters.org">West Coast Prospectors &amp; Treasure Hunters</a></li>
			<li><a href="http://www.sdcoinshooters.com/">Sand Diego Coin Shooters</a></li>
			<li><a href="http://www.cctha.org">Central Coast Treasure Hunters Association</a></li>
			<li><a href="http://www.gctreasurehunters.com/">Gold Coast Treasure Hunters</a></li>
			<li><a href="http://mysite.verizon.net/res8ddr8/antelope_valley_treasure_hunters_society/index.html">Antelope Valley Treasure Hunters Society</a></li>
			<li><a href="http://www.riversidetreasurehunters.com/home/">Riverside Treasure Hunters Club,</a></li>
			<li><a href="http://www.goldhounds.com/index.html">Motherlode Gold Hounds</a></li>
			<li><a href="http://www.sacramentovalleydetectingbuffs.com/">Sacramento Valley Detecting Buffs</a></li>
			<li><a href="http://www.sjvtreasurehunters.org/index.htm">San Joaquin Valley Treasure Hunters</a></li>
			<li><a href="http://waipahuhaole1.tripod.com/treasurehunters.html">Treasure Hunters Society of Santa Clara Valley</a></li>
		</ul>

		<h2>COLORADO</h2>

		<ul>
			<li><a href="http://www.eurekathc.com/">Eureka Treasure Hunters Club</a></li>
			<li><a href="http://rmpth.com">Rocky Mountain Prospectors &amp; Treasure Hunters Club</a></li>
			<li><a href="http://www.lornet.com/prospector/index.html">Gold Prospectors of the Rockies</a></li>
			<li><a href="http://foothillsprospectors.com/">Foothills Prospectors</a></li>
		</ul>

		<h2>CONNECTICUT</h2>

		<ul>
			<li><a href="http://www.noreasters.net">Nor'Easter's Treasure Club</a></li>
			<li><a href="http://www.yankeeterritorycoinshooters.com/">Yankee Territory Coinshooters</a></li>
		</ul>

		<h2>DELAWARE</h2>

		<!-- This section is empty but all you need to do is delete the comment tags between the list of links and enter your links and text. -->
		<!-- Only one list link is included below but feel free to copy and paste it to add more links. -->

		<!--<ul>
			<li><a href=""></a></li>
		</ul>-->

		<h2>DISTRICT OF COLUMBIA</h2>

		<!-- This section is empty but all you need to do is delete the comment tags between the list of links and enter your links and text. -->
		<!-- Only one list link is included below but feel free to copy and paste it to add more links. -->

		<!--<ul>
			<li><a href=""></a></li>
		</ul>-->

		<h2>FLORIDA</h2>

		<ul>
			<li><a href="http://www.thecfmdc.com/">Central Florida Metal Detecting Club</a></li>
			<li><a href="http://home.comcast.net/~youndd/">Historical Recovery Association of North Florida</a></li>
			<li><a href="http://soflatreasurehunters.tripod.com/">South Florida Treasure Hunters Club</a></li>
			<li><a href="http://www.tcas.us">Treasure Coast Archeological Society</a></li>
			<li><a href="http://www.srarc.com">Suncoast Research &amp; Recovery Club</a></li>
		</ul>

		<h2>GEORGIA</h2>

		<ul>
			<li><a href="http://cehha.homestead.com/CEHHA.html">Coastal Empire History Hunters Association</a></li>
			<li><a href="http://lwhite4727.web.officelive.com/default.aspx">Dixie Relic Recovery Club</a></li>
			<li><a href="http://www.ngrha.com/">North Georgia Relic Hunters Association</a></li>
			<li><a href="http://www.underdirt.com/NEW_SMTH/index_SMTH.html">Stone Mountain Treasure Hunters</a></li>
			<li><a href="http://www.weekendgoldminers.com/">Weekend Gold Miners</a></li>
		</ul>
	</body>
</html>

Come back if you have anymore problems with that page and you should let us know about your Website when it’s completed, you know you can have it reviewed in the Website Reviews sub-forum, right?

Andrew Cooper

Yes, just figured it out. Another problem on same page…when I look at this cluster the last three listings are in purple, not black?

center><font color=“white”>TEXAS</center>

<h1><a href=“http://www.amarillotreasure.com/”><font color=“black”>Amarillo Prospectors & Treasure Hunters Association</a>

&lt;h1&gt;&lt;a href="http://www.cowtowntreasurehunters.org/"&gt;&lt;font color="black"&gt;Cowtown Treasure Hunters Club&lt;/a&gt;

&lt;h1&gt;&lt;a href="http://faro.homestead.com/"&gt;&lt;font color="black"&gt;Fanin Artifact Recovery Association&lt;/a&gt;

&lt;h1&gt;&lt;a href="http://www.goldentriangleexplorers.com/"&gt;&lt;font color="black"&gt;Golden Triangle Explorer Society&lt;/a&gt;

&lt;h1&gt;&lt;a href="http://lonestartreasure.com/"&gt;&lt;font color="black"&gt;Lone Star Treasure Hunters Club&lt;/a&gt;

&lt;h1&gt;&lt;a href="http://www.amdconline.com/"&gt;&lt;font color="black"&gt;Austin Metal Detecting Club&lt;/a&gt;

 &lt;h1&gt;&lt;a href="http://www.eastforktreasure.com/"&gt;&lt;font color="black"&gt;East Fork Treasure Hunting Club&lt;/a&gt;

 &lt;h1&gt;&lt;a href="http://www.tomballmdclub.com/home.html"&gt;&lt;font color="black"&gt;Tomball Archeological Recovery Club&lt;/a&gt;
  • You should close all tags: <h1><font color=“black”><a>…</a></font></h1>
  • The <font> tag is deprecated, use CSS on the <a> tags instead