Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ Need HELP with html code

Posted by: EBishop Jun 12 2019, 10:39 AM

Having issues with some code on a page that's yet to be published. I cannot add the picture unless I upload it. Basically, it looks like there's a table and then my footer is set to the side, no longer centered.
Someone please help. I've reviewed the code and can't figure out what I'm missing or overlooking.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<title>Turf-Tec International catalog page for grass analysis products.</title>
<meta NAME="keywords" CONTENT="portable, microscope, magnifies, disease, turf, grass, insects, root, identification, forensic, height, mower, cutting, set, infill, depth, prism, sprayer calibrator, gauge">
<meta NAME="description" CONTENT="Turf-Tec International catalog page for grass analysis products. We manufacture products for healthy turfgrass, grass, lawns, golf courses, sports fields and organic gardens.">
<LINK REL="SHORTCUT ICON" HREF="turf-tec.ico">
<style type="text/css">
body form table tr td font b font i u {
color: #000;
body form table tr td font b font i {
color: #000;
<script language="JavaScript">
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if( || return o; if(o.childNodes) c=o.childNodes; if©
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
// -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<a name="top1"></a>

<body bgcolor="#CCFFCC" onload=>
<h2 ALIGN="CENTER">&nbsp;</h2>
<h2 ALIGN="CENTER"><a href=""><img src="TT-Logo-Long-a.png" width="600" height="97" alt="Turf-Tec International" longdesc=""></a></h2>
<h2 ALIGN="CENTER"><font size="6">Distributors</font></h2>
<p align="center">

(function() {
var cx = '009343043349303945989:nwrwsnnb3sa';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = '' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
<table border="0" width="100%">
<td width="100%">
<p align="center"><a href=""><img border="0" id="img61" src="Buttons/button4.jpg" height="33" width="100" alt="Soil Instruments" onmouseover="FP_swapImg(1,0,/*id*/'img61',/*url*/'Buttons/button5.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img61',/*url*/'Buttons/button4.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img61',/*url*/'Buttons/button6.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img61',/*url*/'Buttons/button5.jpg')" fp-style="fp-btn: Embossed Tab 1; fp-font-size: 6; fp-orig: 0" fp-title="Soil Instruments"></a><a href=""><img border="0" id="img62" src="Buttons/button7.jpg" height="33" width="100" alt="Water Instruments" onmouseover="FP_swapImg(1,0,/*id*/'img62',/*url*/'Buttons/button8.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img62',/*url*/'Buttons/button7.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img62',/*url*/'Buttons/button9.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img62',/*url*/'Buttons/button8.jpg')" fp-style="fp-btn: Embossed Tab 1; fp-font-size: 6; fp-orig: 0" fp-title="Water Instruments"></a><a href=""><img border="0" id="img63" src="Buttons/buttonA.jpg" height="33" width="100" alt="Analysis Instrument" onmouseover="FP_swapImg(1,0,/*id*/'img63',/*url*/'Buttons/buttonB.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img63',/*url*/'Buttons/buttonA.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img63',/*url*/'Buttons/buttonC.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img63',/*url*/'Buttons/buttonB.jpg')" fp-style="fp-btn: Embossed Tab 1; fp-font-size: 6; fp-orig: 0" fp-title="Analysis Instrument"></a><a href=""><img border="0" id="img64" src="Buttons/buttonD.jpg" height="33" width="100" alt="Soil Nutrition / pH" onmouseover="FP_swapImg(1,0,/*id*/'img64',/*url*/'Buttons/buttonE.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img64',/*url*/'Buttons/buttonD.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img64',/*url*/'Buttons/buttonF.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img64',/*url*/'Buttons/buttonE.jpg')" fp-style="fp-btn: Embossed Tab 1; fp-font-size: 6; fp-orig: 0" fp-title="Soil Nutrition / pH"></a><a href=""><img border="0" id="img65" src="Buttons/button10.jpg" height="33" width="100" alt="Managment Tools" onmouseover="FP_swapImg(1,0,/*id*/'img65',/*url*/'Buttons/button11.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img65',/*url*/'Buttons/button10.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img65',/*url*/'Buttons/button12.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img65',/*url*/'Buttons/button11.jpg')" fp-style="fp-btn: Embossed Tab 1; fp-font-size: 6; fp-orig: 0" fp-title="Managment Tools"></a></td>
<td width="0%"> </td>

<iframe src="" width="900" height="525" style="border: none;"></iframe>
<script>if (window.addEventListener){ window.addEventListener("message", function(event) { if( >= 22) { if(, 22) == "__MM-LOCATION.REDIRECT") location =; } }, false); } else if (window.attachEvent){ window.attachEvent("message", function(event) { if( >= 22) { if (, 22) == "__MM-LOCATION.REDIRECT") location =; } }, false); } </script>

<style> li { float: left; margin: 0 25px 0 0px; width: 200px; border: 0px solid; height: 200px; padding-left: 6px; } { list-style: square url( !important; } li a{ margin: 0;padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; color:#4591b1; } li a:hover{ text-decoration:none; color:#214b6e;} .linkBack{ display:block; width:130px; position: relative; bottom: 0px; left: 660px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:#666666;} .linkBack a {color:#666666;}.linkBack a:hover{color:#666666;text-decoration: none;} </style>

<ul class="map">
<li><a name="Austria"></a><a href="#" target="_top"><strong>Austria
Hofinger Solutions<br>
Lösungen für Golfanlagen<br>
Jochbergerstraße 28 A-6370 Kitzbühel<br>
43 699 103 32 750<br>
Turf Handels GmbH<br>
Am Hartboden 48<br>
8101 Gratkorn<br>
43 3124 29064-13
<li><a name="Canada"></a><a href="#" target="_top"><strong>Canada
BoydCo Golf & Turf Ltd<br>
500 Assumption Blvd.<br>
Moncton NB E1E 8N8<br>
<li><a name="China"></a><a href="#" target="_top"><strong>China
Beijing Green Jinghua Ecological Garden<br>
Unit 5009 Zhenping Rd N 150m<br>
Beijing Big Data Base<br>Beiqijia Town<br>
Cha District, Beijing<br>
86 138 1105 5345</a></li>
<li><a name="Denmark"></a><a href="#" target="_top"><strong>Denmark
Prodana Seeds A/S<br>
Højmevej 12<br>
DK-5250 Odense SV<br>
63 17 16 00</a></li>
<li><a name="France"></a><a href="#" target="_top"><strong>France
ZA La Forcade<br>
CD 908- Belcodene, 13720<br>
33 (0) 4 42 70 63 23<br>
27 Rue De La Fontaine<br>
Chamouilley, 52410<br>
03 25 558 447</a></li>
<li><a name="Italy"></a><a href="#" target="_top"><strong>Italy</strong><br>
Galardini sport di Fedi Mariella<br>
Via Toscana<br>
Chiazzano 51100 Pistoia<br>
011 573.532839</a></li>
<li><a name="Japan"></a><a href="#" target="_top"><strong>Japan</strong><br>Strong Shoji, Inc.<br>2-26-2,Souenji,Hirakata-Shi<br>Osaka,573-0112<br>81-86-262-3231</a></li>
<li><a name="Mexico"></a><a href="#" target="_top"><strong>Mexico</strong><br>RUBER EIM DE MEXICO, SA DE CV<br>AV. ARCOS OTE. 195-B<br>COL. JARDINES DEL SUR<br>(52) 5653.3077</a></li>
<li><a name="Netherlands"></a><a href="#" target="_top"><strong>Netherlands</strong><br>ProGrasS<br>Compagnieweg 5A<br>3771 NH Barneveld<br>31(0)341 560790<br><br>ICL Group (Everris)<br>Nijverheidsweg 5<br>Heerlen, 6422PD<br>31 418 655 758</a></li>
<li><a name="North Korea"></a><a href="#" target="_top"><strong>North Korea</strong><br>JIAM Golf Tec. Co. Ltd - Korea<br>201, 667-6, IL-won Dong<br>Kang-Nam Gu Seoul 135-945<br>822 445 3090</a></li>
<li><a name="Russia"></a><a href="#a" target="_top"><strong>Russia</strong><br>Golf Technology Ltd.<br>Building 40 (direct), 7 Floor<br>Bolshaya Ordynka str., Moscow, 119017<br>7 (495) 661 32 52</a></li>
<li><a name="Singapore"></a><a href="#" target="_top"><strong>Singapore</strong><br>Agricultural Tractors Spares Pte Ltd<br>134 Gul Circle<br>Singapore 629598<br>65-97306750</a></li>
<li><a name="South Korea"></a><a href="#" target="_top"><strong>South Korea</strong><br>107-6, Jisam-Ro, Kiheung-Ku<br>Yongin-City, KyeongGi-Do 17076<br>82-31-286-9012</a></li>
<li><a name="Spain"></a><a href="#" target="_top"><strong>Spain</strong><br>TILOOM SOLUCIONES TECNOLÓGICAS<br>Calle Islas Marquesas, 10. 3°D<br>28035 Madrid<br>34 669.302.132</a></li>
<li><a name="Sweden"></a><a href="#" target="_top"><strong>Sweden</strong><br>KSAB Golf Equipment AB<br>Signalistgatan 9<br>SE-721 31 Vasteras<br>46 (21) 38 11 50<br><br>Svensk Jordelit AB<br>Elementvägen 2<br>437 36 LINDOME<br>46 31-87 70 70</a></li>
<li><a name="Switzerland"></a><a href="#" target="_top"><strong>Switzerland</strong><br>Crea Golf SA<br>Rue de la Dime 4<br>CH-2000 NEUCHATEL<br>41(0)27 456 4444</a></li>
<li><a name="Thailand"></a><a href="#" target="_top"><strong>Thailand</strong><br>Boswell Connection Group Ltd<br>9/72 Soi Suan Siam 24, Suan Siam Rd<br>Khannayao, Khannayao Bangkok 10230<br>(662) 728-1710</a></li>
<li><a name="Turkey"></a><a href="#" target="_top"><strong>Turkey</strong><br>IREN MAK KIM INS LTD STI<br>Sedat Simavi Sk.50/1<br>Cankaya, Ankara 06810<br>903124420286</a></li>
<li><a name="UK"></a><a href="#" target="_top"><strong>United Kingdom</strong><br>Advance Grass Solutions Ltd<br>Unit 5 Hogwood Farm Industrial Estate<br>Finchampstead, Berkshire RG40 4QY<br>8 3914540</a></li>
<div align="center">
<h3><a href="">Contact us for free catalog or further information</a><font SIZE="3"></font> </h3>
<hr SIZE="4">
<font SIZE="3"> </font>
<h4 ALIGN="CENTER">Click here to go to <a HREF="">Soil Analysis products
Click here to go to <a HREF="">Water Analysis products section</a><br>
Click here to go to <a HREF="">Grass Analysis section</a><br>
Click here to go to <a HREF="">Turf Nutrition Analysis products section</a><br>
Click here to go to <a HREF="">Management products section</a><br>
Click here to <a href="">download catalog in PDF format </a></h4>
<h1 ALIGN="CENTER"><a href="">Turf-Tec International</a></h1>
<font SIZE="3"></font>
<p ALIGN="center"><font size="3">1471 Capital Circle NW, Suite # 13<br>
Tallahassee, FL. 32303<br>
Order Line (800) 258-7477<br>
Phone (850) 580-4026<br>
Fax (850) 580-4027</font></p>

<P ALIGN="center"><em>Copyright 2019</em></P></h2></BODY>

<!-- Turf-Tec International catalog page for grass analysis products. --!>
<!-- portable, microscope, magnifies, disease, turf, grass, insects, root, identification, forensic, height, mower, cutting, set --!>
<!-- We manufacture products for healthy turfgrass, grass, lawns, golf courses, sports fields and organic gardens. We also consult on turf in Florida and on-line. --!>

Posted by: pandy Jun 12 2019, 06:46 PM

What exactly is the footer? Is it just the section with address, phone number and so on or also the Contact us section to the right?

Posted by: pandy Jun 12 2019, 07:30 PM

Assuming it's just the contact information, it's because of the floats. Floats let content that come after them (in the markup) come up beside them - if there is room enough. You need to "clear the floats", i.e. tell the box the contact info is in that it should stay clear of them.

Easiest like this. Note the style="clear: left" I've added to the P tag.

<p ALIGN="center" style="clear: left"><font size="3">1471 Capital Circle NW, Suite # 13<br>
Tallahassee, FL. 32303<br>
Order Line (800) 258-7477<br>
Phone (850) 580-4026<br>
Fax (850) 580-4027</font></p>

Powered by Invision Power Board (
© Invision Power Services (