I am volunteered to build a website for a friend and am totally outside of my field of expertise... Here is the page I am working on... I am using frontpage - and in frontpage it looks fine - but when I publish it, the buttons are all over the place.... Can someone tell me what I have done wrong? Thanks, Cindy
Oh, sorry! Told you I have no idea <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Language" content="en-au"> <title>NewsKaster v1.0</title> <LINK rel="stylesheet" type="text/css" href="config.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <LINK HREF="style.css" TYPE="text/css" REL="stylesheet"> <title>Company</title> </head> <body background="http://www.trafficbunnies.com/storage2000/images/logobackground.jpg"> <div align="center"> <table width="1150" border="0" cellpadding="0" cellspacing="0" style="background-repeat:repeat-x; background-position:top; height:100%; background-image:url(http://www.trafficbunnies.com/storage2000/images/til_1.jpg) "> <tr> <td style="background-image:url(http://www.trafficbunnies.com/storage2000/images/til_1.gif); background-position:top; background-repeat:repeat-x " width="145"> </td> <td width="802" valign="top"> <table width="802" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="32" align="left" valign="top" width="802"><img alt="" src="http://www.trafficbunnies.com/storage2000/images/spacer.gif" width="1" height="32"></td> </tr> <tr> <td height="269" align="left" valign="top" width="802"> <table width="103%" border="0" cellspacing="0" cellpadding="0" height="296"> <tr> <td align="left" valign="top" height="105"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr align="left" valign="top"> <td width="20"><img alt="" src="http://www.trafficbunnies.com/storage2000/images/left.jpg" width="20" height="105"></td> <td width="203"><a href="index.html"><img alt="" src="http://www.trafficbunnies.com/storage2000/images/logo.jpg" width="203" height="105" border="0"></a></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"><div style="padding-left:319px; padding-top:1px"> <div align="right"> <table width="100" border="0" cellspacing="0" cellpadding="0"> <tr align="left" valign="top"> <td width="27" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/div_1.jpg); background-position:top right; background-repeat:no-repeat "><a href="index.html"><img alt="" src="http://www.trafficbunnies.com/storage2000/images/p_1.jpg" width="9" height="10" border="0"></a></td> <td width="46" align="center" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/div_1.jpg); background-position:top right; background-repeat:no-repeat "><a href="#"><img alt="" src="http://www.trafficbunnies.com/storage2000/images/p_2.jpg" width="9" height="10" border="0"></a></td> <td align="right"><a href="#"><img alt="" src="http://www.trafficbunnies.com/storage2000/images/p_3.jpg" width="11" height="9" border="0"></a></td> </tr> </table> </div> </div></td> </tr> <tr> <td align="left" valign="top" height="84"> <table width="87%" border="0" cellspacing="0" cellpadding="0" height="83"> <tr> <td width="26"> </td> <td width="52"> <img border="0" src="http://www.trafficbunnies.com/storage2000/images/bu_home.jpg" width="87" height="84"></td> <td width="110"><a href="index-1.html"> <img alt="" src="http://www.trafficbunnies.com/storage2000/images/bu_1.jpg" width="88" height="84" border="0"></a></td> <td width="109"><a href="index-2.html"> <img alt="" src="http://www.trafficbunnies.com/storage2000/images/bu_2.jpg" width="88" height="84" border="0"></a></td> <td width="117"><a href="index-3.html"> <img alt="" src="http://www.trafficbunnies.com/storage2000/images/bu_3.jpg" width="88" height="84" border="0"></a></td> <td><a href="index-4.html"> <img alt="" src="http://www.trafficbunnies.com/storage2000/images/bu_4.jpg" width="88" height="84" border="0"><img alt="" src="http://www.trafficbunnies.com/storage2000/images/bu_5.jpg" border="0" width="88" height="84"></a></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td align="left" valign="top"> <img border="0" src="http://www.trafficbunnies.com/storage2000/images/top_1.jpg" width="800" height="194"></td> </tr> </table></td> </tr> <tr> <td align="left" valign="top" width="802"> <table width="801" border="0" cellspacing="0" cellpadding="0"> <tr align="left" valign="top"> <td width="225" height="100%"><table width="100%" border="0" cellspacing="0" cellpadding="0" style="height:100% "> <tr> <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" style="height:100% "> <tr align="left" valign="top"> <td width="21" height="100%" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/repp.jpg) "><img alt="" src="http://www.trafficbunnies.com/storage2000/images/left_2.jpg" width="21" height="195"></td> <td height="100%" bgcolor="#F4F5F1"> <table width="111%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="justify" valign="top"><div style="padding-left:24px; padding-top:7px; padding-right:15px; line-height:14px; padding-bottom:0px"> <html> <body> <center> <div align="left"> <table class="backdrop" width="151" border="1" bordercolor="000000" background="bgrounds/wood005.jpg" cellpadding="0" cellspacing="0"> <tr> </td> </tr> <tr> <TD style="border-style:none brown 1px;" class="backdrop" height="150" width="147"> <p align="right"><center> <marquee class="display" height="237" width="141" direction="up" scrollamount="1" scrolldelay="1"> <center><p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/ssaa.jpg" width="111" height="96"></p> <p><font face="Myriad Pro">We are proud to be members of the Self Storage Association of Australasia. Association members adhere to a strict code of ethics and standards, giving you assurance and peace of mind.</font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><font face="Myriad Pro">Located in three convenient locations</font></p> <p><font face="Myriad Pro">Salisbury - 5 minutes from Golden Grove</font></p> <p><font face="Myriad Pro">Croydon - 5 minutes from North Adelaide</font></p> <p><font face="Myriad Pro">Lonsdale - right off of Main South Road.</font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/securitycamera.jpg" width="111" height="96"></p> <p><font face="Myriad Pro">Premises have constant camera surveillance with a 24 hour monitored alarm and fire protection system, complimented with pin code security access. All units are fully enclosed, lockable and undercover inside one main warehouse.</font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><font face="Myriad Pro">With regular maintenance and a professional pest control program you can be assured of a clean facility. Each unit is individually cleaned and fumigated. </font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/cheapunits.jpg" width="111" height="96"></p> <p><font face="Myriad Pro">If you are storing for extended periods, for 3 months or more, we offer up to 10% discount for advance payment. Talk to the facility Manager for further details. Choose from over 10 different sized units, so you only pay for the space you need. You are also welcome to visit any of out facilities so that you can inspect the actual unit sizes and see the many features and benefits Storage2000 can offer you.</font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><font face="Myriad Pro">Drive up to your unit! Yes it's that easy. You can load and unload from your vehicle which can be parked in our undercover warehouse. Roller door units and wide access aisles make the transit of your goods as easy as can be.</font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><font face="Myriad Pro">Instant insurance coverage can be arranged with your manager upon request at each facility. The protection of your goods is of high priority when storing. This is why we can arrange insurance cover at very reasonable rates to ensure peace of mind all year round.</font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><font face="Myriad Pro">Convenient payment methods are available at all facilities. We accept Cash, Cheques, BPay and most major credit cards. EFTPOS is also available and direct debits can be arranged upon request.</font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><font face="Myriad Pro">We can provide you with a box trailer* to assist you during your move in. Speak to the Manager to book in this service. Goods trolleys are available to use within the premises free of charge. <font size="2"> *Conditions Apply.</font></font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><font face="Myriad Pro">We also have a large selection of packaging accessories available at reasonable prices. Including large and small cartons, mattress/lounge covers, packaging paper, bubble wrap, tapes & much more. Packaging supplies are on display at all of our facilities.</font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><font face="Myriad Pro">Storage2000 offers you a complete storage solution that can accommodate items ranging from household furniture and personal effects to business records, pallets of stock, cars, trucks and boats. </font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> <p><font face="Myriad Pro">Services we provide include the use of forklifts, trolleys, pallet jacks, use of meeting rooms, phones, faxes, email and receipt & dispatch of your goods. Installation of shelving can also be arranged.</font></p> <p><img border="0" src="http://www.trafficbunnies.com/storage2000/images/spacer.jpg" width="130" height="6"></p> </center></tr> </table></div> </body> </html> </div></td> </tr> <tr> <td align="left" valign="top"> <p align="center"> </p> <p align="center"><font face="Arial" size="4">Link Partners</font></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </td> </tr> </table></td> <td width="3" height="100%" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/rep_3.jpg) "><img alt="" src="http://www.trafficbunnies.com/storage2000/images/rep_3.jpg" width="3" height="1"></td> </tr> </table></td> </tr> <tr> <td height="5" align="left" valign="top"><img alt="" src="http://www.trafficbunnies.com/storage2000/images/bot_1.jpg" width="225" height="5"></td> </tr> <tr> <td height="12" align="left" valign="top" bgcolor="#BFC1B4" style="border-left:3px solid #A3A693; background-image:url(http://www.trafficbunnies.com/storage2000/images/back_1.jpg); background-position:top right; background-repeat:no-repeat "><img src="http://www.trafficbunnies.com/storage2000/images/spacer.gif" alt="" width="1" height="12"></td> </tr> </table></td> <td height="100%" width="576"> <table width="576" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" bgcolor="#DEE0D5" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/rep_5.jpg); background-position:top; background-repeat:repeat-x " colspan="2"> <p>Storage2000 is the best yadayada....<p> </td> </tr> <tr align="left" valign="top"> <td height="32%" bgcolor="#BFC1B4" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/rep_6.jpg); background-position:top; background-repeat:repeat-x " width="37%"> <img border="0" src="http://www.trafficbunnies.com/storage2000/images/CroydonBranch.jpg" width="250" height="188"></td> <td bgcolor="#BFC1B4" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/rep_6.jpg); background-position:top; background-repeat:repeat-x "><div style="padding-left:14px; padding-top:18px"> <table width="290" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="border-bottom:1px solid #86877F "><div style="padding-left:8px; padding-top:0px"> <font face="Lido STF CE Bold" color="#0E0373" style="font-size: 13pt"> Croydon - 334 South Road </font><p style="line-height: 150%; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin-bottom: 0.0001pt"> <span style="font-family: Lido STF CE Bold; color: #373737"> <font size="2">Our Croydon Park Facility is our newest and most innovative facility to date. Opened in late 2000, this facility is conveniently located just</font> </span><font color="#000000"> <span style="font-family: Lido STF CE Bold">5 minutes from the City of <st1:city w:st="on"><st1:place w:st="on"> Adelaide</st1:place></st1:city></span></font><span style="font-family: Lido STF CE Bold; color: #000000">.<b> </b></span> <p style="line-height: 150%; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin-bottom: 0.0001pt"> <p style="line-height: 150%; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin-bottom: 0.0001pt"> </div></td> Code (markup):
That was the first bit - it was too big to put in one post... here is the second bit... </tr> </table> </div> </td> </tr> <tr> <td height="100%" bgcolor="#BFC1B4" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/rep_6.jpg); background-position:top; background-repeat:repeat-x " width="37%" valign="top"> <p> <img border="0" src="http://www.trafficbunnies.com/storage2000/images/Lonsdale.jpg" width="250" height="138"></td> <td height="100%" bgcolor="#BFC1B4" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/rep_6.jpg); background-position:top; background-repeat:repeat-x " width="51%"><div style="padding-left:14px; padding-top:18px"> <table width="289" border="0" cellspacing="0" cellpadding="0" id="table1"> <tr> <td height="23" align="left" valign="top" style="border-bottom:1px solid #86877F "><div style="padding-left:8px; padding-top:0px"> <font face="Lido STF CE Bold" color="#010080" size="4"> Lonsdale - 8 Devon Street, Lonsdale</font><p style="line-height: 150%; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin-bottom: 0.0001pt"> <span style="font-family: Lido STF CE Bold; color: #40413E"> Storage 2000 Lonsdale has been serving <st1:city w:st="on"><st1:place w:st="on"> Adelaide</st1:place></st1:city>'s Southern </span> <span class="GramE"> <span style="font-family: Lido STF CE Bold; color: #40413E"> suburbs</span></span><span style="font-family: Lido STF CE Bold; color: #40413E"> for many years. Due to the smaller size of this facility, we provide a more personalised service which is evident in the </span><span class="GramE"><span style="font-family: Lido STF CE Bold; color: #40413E">responses</span></span><span style="font-family: Lido STF CE Bold; color: #40413E"> of many satisfied clients. Our facilities are both clean and </span><span class="GramE"> <span style="font-family: Lido STF CE Bold; color: #40413E"> professional</span></span><span style="font-family: Lido STF CE Bold; color: #40413E"> with the security of your goods being our top priority.</span></div></td> </tr> </table> </div> </td> </tr> <tr> <td height="100%" bgcolor="#BFC1B4" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/rep_6.jpg); background-position:top; background-repeat:repeat-x " width="37%" valign="top"> <img border="0" src="http://www.trafficbunnies.com/storage2000/images/Salisbury.jpg" width="250" height="188"></td> <td height="100%" bgcolor="#BFC1B4" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/rep_6.jpg); background-position:top; background-repeat:repeat-x " width="51%"><div style="padding-left:14px; padding-top:18px"> <table width="287" border="0" cellspacing="0" cellpadding="0" id="table3"> <tr> <td height="23" align="left" valign="top" style="border-bottom:1px solid #86877F "><div style="padding-left:8px; padding-top:0px"> <span style="font-family: Lido STF CE Bold"> <font size="4" color="#010080">Salisbury - 14 Barndioota Rd, Salisbury </font></span> <span style="font-family: Lido STF CE Bold; color: #40413E"> Established since 1982, Salisbury Storage 2000 has become a leader in Self Storage Solutions in <st1:place w:st="on"><st1:city w:st="on"> Adelaide</st1:city></st1:place>'s Northern suburbs. This Award Winning Facility prides itself on affordable, secure, convenient storage with friendly service.</span><p style="line-height: 150%; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin-bottom: 0.0001pt"> <font face="Lido STF CE Bold" color="#40413E"> </font></p> <p style="line-height: 150%; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin-bottom: 0.0001pt"> <span style="font-family: Lido STF CE Bold; color: #40413E"> All of our facilities are fitted with state-of-the-art computer controlled camera surveillance and 24 hour monitored security technology for</span><font face="Lido STF CE Bold" color="#40413E"> </font> <span style="font-family: Lido STF CE Bold; color: #40413E"> added peace of mind.</span></div></td> </tr> </table> </div> </td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td height="45" align="left" valign="top" style="background-image:url(http://www.trafficbunnies.com/storage2000/images/rep_1.jpg) " width="802"> <table width="90%" border="0" cellspacing="0" cellpadding="0"> <tr align="left" valign="middle"> <td width="478" height="45"><div style="padding-left:57px; padding-top:0px"><span class="style1"><a href="index.html" class="style2">Home</a> | <a href="index-1.html" class="style2">Company</a> | <a href="index-2.html" class="style2">Services</a> | <a href="index-3.html" class="style2">Solutions</a> | <a href="index-4.html" class="style2">Contacts</a></span></div></td> <td class="style1"><span class="style2">Copyright © 2005</span> | <a href="index-5.html" class="style2">Privacy Policy</a></td> </tr> </table></td> </tr> </table></td> <td style="background-image:url(http://www.trafficbunnies.com/storage2000/images/til_1.gif); background-position:top; background-repeat:repeat-x " width="4"> </td> <td style="background-image:url(http://www.trafficbunnies.com/storage2000/images/til_1.gif); background-position:top; background-repeat:repeat-x " width="189"> </td> </tr> </table> </div> </body> </html> Code (markup):