Does any one know how to move the title (Delivery Information For Our Buildings) nearer to the top of the following page ? http://www.regencytimberbuildings.co.uk/delivery.htm here is some of the page code- <title>Delivery Information from regency</title> <META name="description" content="Regency Timber Buildings can deliver all of their products"> <META name="keywords" content="Delivery information"> <meta name="language" content="en" /> <meta name="robots" content="index, follow" /> <meta name="author" content="regency timber buildings ltd" /> <link rel="stylesheet" href="../../css/normalize.css"> <link rel="stylesheet" href="../../css/main2.css"> <script src="garagepageamazingslader/jquery.js"></script> <script src="garagepageamazingslader/amazingslider.js"></script> <script src="garagepageamazingslader/initslider-1.js"></script> </head> <body background="images/sidebarbg.jpg" style="background-repeat: repeat-y;" data-twttr-rendered="true"> <div id="header"> <a href="http://www.regencytimberbuildings.co.uk/" title="Regency Timber Buildings Home"><img src="images/header.jpg" width="1920" height="197" alt="Home page" /></a> </div> <div id="menu"> <a href="http://www.regencytimberbuildings.co.uk">Home</a> <div class="break">|</div> <a href="http://www.regencytimberbuildings.co.uk/about.htm">About Us</a> <span class="break">|</span> <a href="http://www.regencytimberbuildings.co.uk/delivery.htm">Delivery Info</a> <span class="break">|</span> <a href="http://www.regencytimberbuildings.co.uk/quote.htm">Quote Form</a> <span class="break">|</span> <a href="http://www.regencytimberbuildings.co.uk/terms.htm">Terms</a> <span class="break">|</span> <a href="http://www.regencytimberbuildings.co.uk/quote.htm">Contact</a> <span class="break">|</span> <a href="http://www.regencytimberbuildings.co.uk/testimonials.htm">Testimonials</a> </div> <TABLE width="99%" border="0" cellspacing="0" cellpadding="0" class="content-table"> <tbody> <tr> <td class="sidebartd" width="14%"> <div id="sidebar"> <div id="follow"> <a href="https://twitter.com/RegencyTimber" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false"> Follow<br />@RegencyTimber</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/timber_garages.htm"> <img src="http://www.regencytimberbuildings.co.uk/buildings/cat/Timber Garages.jpg" alt="timber garages page" width="100" height="75" border="0"><br /> <font size="4">Timber Garages</font></a><font size="4"> </font> </div> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/timber_workshops.htm"> <img src="http://www.regencytimberbuildings.co.uk/side-images/timber-workshops.jpg" alt="timber workshops page" width="100" height="61" border="0"><br /> <font size="4">Timber Workshops</font></a> </div> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/garden_offices.htm"> <img src="http://www.regencytimberbuildings.co.uk/side-images/garden-office.jpg" alt="garden offices page" width="100" height="75" border="0"><br /> <font size="4">Garden Offices</font></a> </div> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/carriage_houses.htm"> <img border="0" src="http://www.regencytimberbuildings.co.uk/side-images/carriage-house-garage.jpg" alt="carriage houses page" width="100" height="52"><br /> <font size="4">Carriage Houses</font></a><font size="4"> </font> </div> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/garden_sheds.htm"> <img src="http://www.regencytimberbuildings.co.uk/side-images/garden-shed.jpg" alt="garden sheds page" width="100" height="66" border="0"><br /> <font size="4">Garden Sheds</font></a><font size="4"> </font> </div> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/summerhouses.htm"> <img src="http://www.regencytimberbuildings.co.uk/side-images/wooden-summerhouse.jpg" alt="summerhouses page" width="100" height="75" border="0"><br /> <font size="4">Summerhouses</font></a><font size="4"> </font> </div> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/solar_potting_sheds.htm"> <img src="http://www.regencytimberbuildings.co.uk/side-images/solar-potting-shed.jpg" alt="solar potting sheds page" width="100" height="78" border="0"><br /> <font size="4">Solar Potting Sheds</font></a><font size="4"> </font> </div> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/childrens_play_houses.htm"> <img src="http://www.regencytimberbuildings.co.uk/side-images/childrens-playhouse.jpg" alt="childrens playhouses page" width="100" height="75" border="0"><br /> <font size="4">Childrens Playhouses</font></a><font size="4"> </font> </div> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/dog_runs.htm"> <img src="http://www.regencytimberbuildings.co.uk/side-images/dog-run.jpg" alt="dog runs page" width="100" height="74" border="0"><br /> <font size="4">Dog Runs</font></a><font size="4"> </font> </div> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/log_cabins.htm"> <img src="http://www.regencytimberbuildings.co.uk/side-images/log-cabin.jpg" alt="log cabins page" width="100" height="51" border="0"><br /> <font size="4">Log Cabins</font></a><font size="4"> </font> </div> <br> <div class="sbpics"> <a href="http://www.regencytimberbuildings.co.uk/garages/wooden-garages.html"> <img src="http://www.regencytimberbuildings.co.uk/side-images/wooden-garage-small.jpg" alt="wooden garage page" width="100" height="51" border="0"><br /> <font size="4">Wooden Garages </font></a> </div> </div> </td> <td width="50%"> <div id="content"> <h1 class="head">Delivery Information For Our Buildings</h1> <table border="0" width="100%" style="border-collapse: collapse"> <tbody> <tr> <td> <br /> <div style="width: 80%; margin: 0 10% 15px 10%; font-size: 14px; text-align: center;"> <p class="MsoNormal" style="line-height: normal; text-align:left"> <span style="font-size: 12.0pt; font-family: Arial,sans-serif">All prices are subject to a delivery charge.</span></p> <p class="MsoNormal" style="line-height: normal; text-align:left"> <span style="font-size: 12.0pt; font-family: Arial,sans-serif">Delivery fees are calculated by postal code area <a style="color: blue; text-decoration: underline; text-underline: single" href="http://www.regencytimberbuildings.co.uk/delivery_costs.htm"> <span style="color: blue">Click here for delivery costs by post code</span></a><br> Alternatively </span> <span style="font-size: 14.0pt; font-family: Arial,sans-serif"> <a style="color: blue; text-decoration: underline; text-underline: single" href="http://www.regencytimberbuildings.co.uk/quote.htm"> <span style="font-size: 12.0pt; color: blue">contact us</span></a></span><span style="font-size: 12.0pt; font-family: Arial,sans-serif; color: blue"> </span><span style="font-size: 12.0pt; font-family: Arial,sans-serif"> for a quote 01948 830460.</span></p> <p class="MsoNormal" style="line-height: normal; text-align:left"> <span style="font-size: 12.0pt; font-family: Arial,sans-serif">Delivery times are a guide only, delivery time is typically from 8 to 12 weeks but this may vary from time to time depending on seasonal trends availability of materials and other unforeseeable occurrences.</span></p> <p class="MsoNormal" style="line-height: normal; text-align:left"> <span style="font-size: 12.0pt; font-family: Arial,sans-serif">Buildings that are being erected by us will usually be assembled on the same day that delivery takes place. Large buildings and buildings with optional extras like felt roof shingles may take place over a couple of days <br> <br> For self assembly buildings please have a strong able-bodied person available on the stated delivery day, as the driver will be alone. He will need help in unloading your building. </span></p> <p class="MsoNormal" style="line-height: normal; text-align:left"> <span style="font-size: 12.0pt; font-family: Arial,sans-serif">Unloading should be to somewhere close to the van and not down any long garden or over any fences or such. We recommend covering your new building with a tarpaulin or something to keep it dry until it is to be erected..</span></p> <p class="MsoNormal" style="line-height: normal; text-align:left"> <span style="font-size: 12.0pt; font-family: Arial,sans-serif">We cannot give a time of delivery on the given day because of traffic and such. </span> </div> <p> <br /> </td> </tr> </tbody> </table> <div id="bottom-text"> <div style="text-align: center;"> </div>
Hi. 1. To resolve your issue add valign="top" HTML: to the following td: <td width="50%"> <div id="content"> HTML: I.e. it has to be <td width="50%" valign="top"> <div id="content"> HTML: 2. Just in case: you have a row with 2 tds where the left one has 14% width and the right one has 50%. That is not correct.
<td width="50%" style="vertical-align:top;"> Use css to make it cross-browser compatible as mentioned in-line style attribute. This TD is just before the content div <div id="content">
'tis an excellent example of why NOBODY has ANY MALFING BUSINESS making websites with the mouth-breathing idiocy known as WYSIWYGS. Nothing remotely resembling semantic markup, lack of graceful degradation, tags like FONT and attributes like FACE and BORDER that have ZERO business being used on any website written after 1997, non-breaking spaces doing padding or text-align's job, static style in the markup, tables for layout... Of course even the first line of code proudly proclaims to the world what rubbish you have there -- It's a tranny. Transitional quite literally means "in transition from 1997 to 1998 coding practices". My advice, pitch that entire mess in the trash and start over. We appear to have entirely different definitions of what "worked good" means.