Can you provide an example (or a specific) of how I can add a header to this page, please? Thanks. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/swfobject.js"></script> <link href="/css/main.css" rel="stylesheet" type="text/css"/> </head> <body bgcolor="#ffffff"> <div id="generic-container1"> <div id="wrap"> <div class="col_a"> <div class="col_a1"> <br /><font size="6" color="#CD0000" face="Century Gothic" style="vertical-align: top" > Preview Now</font><font size="6" color="#000000" face="Century Gothic" style="vertical-align: top" ></font> <font size="6" color="#B5B5b5" face="Century Gothic" style="vertical-align: top" ></font> <img src="images/box.gif" alt="" />;<font size="3" color="#444444" face="Century Gothic" style="vertical-align: top" > Select The Arrow<img src="images/arrow-red.jpg" alt="" /> Wait To Begin </font><br /><br /> </div> <div class="player"> <div id="player"> </div> </div> <div class="form"> <form action='form_handle.php' method='post' name='myform' > <table border='0' padding='0' spacing='20' > <tr> <td>Company Name: </td> <td><input type='text' size='45' name='company_name'><br /></td> </tr> <tr> <td>Address:</td> <td><input type='text' size='45' name='address'> <br /><br/> </td> </tr> <tr> <td>City:</td> <td><input type='text' size='45' name='city'> <br/> </td> </tr> <tr> <td>State:</td> <td><input type='text' size='20' name='state'> <br /> </td> </tr> <tr> <td>Zip:</td> <td><input type='text' size='20' name='zip'> <br /><br/> </td> </tr> <tr> <td>Contact Name:</td> <td><input type='text' size='20' name='contact_name'> <br /><br/> </td> </tr> <tr> <td>Phone Number:</td> <td><input type='text' size='20' name='phone_number'> <br /> </td> </tr> <tr> <td>Email Address:</td> <td><input type='text' size='20' name='email_address'> <br /><br/> </td> </tr> <!--<td><input type="checkbox" name="agree" id="agree" value="agree" /> <label for='agree'>Do you agree to the terms?</label></td>--> <td><input type="checkbox" name="agree" id="agree" value="agree" /> <label for='agree'>Check here to agree to these <a href="/page.php?page=18"><font size="2" color="#000000" face="Arial"><u>terms</u></a></font>?</label></td> <tr> <td colspan='2' align='right'><input type='submit' value = 'Save'></td> </tr> </table> </form> </div> <script type="text/javascript"> function validate() { if(false == document.getElementById("agree").checked) { alert("If you agree with the terms, check the Agree check box"); } } </script> </div> </div> <!--End Wrapper--> </body> </html> Code (markup):
If you want the header above the two column layout then create a div just after the <div id='wrap'> and before the <div class='col_a'> etc. It just depends where you want the header to go.