Hey all... I know a bit of HTML, but not enough to make a presentable business website. I downloaded CoffeeCup HTML editor based off the very high ratings on CNET. I uploaded the site to my host and it appears fine in IE, but EXTREMELY jumbled in Firefox, which is my default browser (and I love it!). None of the links are supposed to work as of right now and I know it needs to be cleaned up a bit (pics cropped and all)...I just wanted to get a "placeholder" up on the website and plan on going back and making everything functional. Here is the website address: http://www.globalinsurancebenefits.com Ummm... not sure if it okay to post the code that CoffeeCup generated, but I thought it might be useful to some of you who know better than I, sorry if it is unecessary or cumbersome. Also, I know I am not a pro, so please be kind! I started learning website design way back in the day and HTML was the only thing they taught. I am since taking courses to try and update that knowledge and learning as I go and appreciate any suggestions! Here is the code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <!-- Created with the CoffeeCup HTML Editor 2007 --> <!-- http://www.coffeecup.com/ --> <!-- Brewed on 10/9/2007 10:11:03 PM --> <head> <title>Global Insurance Benefits</title> <meta name="generator" content="CoffeeCup HTML Editor 2007 - www.coffeecup.com"> <meta name="description" content=""> <meta name="keywords" content=""> <style type="text/css"> <!-- /* Don't underline links */ a:link {text-decoration: none;} a:visited {text-decoration: none;} --> </style> </head> <body bgcolor="#ffffff" text="#000000" link="#507b26" vlink="#658f10" alink="#ff0000"> <p align="center"><img style="Z-INDEX: 100; LEFT: 77px; POSITION: absolute; TOP: 16px" height="133" alt="" src="caringPeople_blueTan.jpg" width="841" border="0"></p> <div style="Z-INDEX: 103; LEFT: 131px; WIDTH: 613px; POSITION: absolute; TOP: 37px; HEIGHT: 53px"><font face="Eras Light ITC" color="#769c4b" size="7"><strong> <h1><font face="Eras Light ITC" color="#769c4b"><strong><strong> <h1><font face="Eras Demi ITC" color="#ffffff" size="9"><strong>Global Insurance Benefits</strong></font></h1></strong></strong></font></h1></strong></font></div> <div style="Z-INDEX: 104; LEFT: 607px; WIDTH: 258px; POSITION: absolute; TOP: 100px; HEIGHT: 42px"><font face="Eras Demi ITC" color="#b4d3a5" size="4"><strong>going the distance for you</strong></font></div><font face="Arial" color="#000000" size="2"> <div><p> <p bordercolor="#000000" cellspacing="11" table="" cellpadding="2" width="100%" bgcolor="#ffffff" border="0"> <tr valign="top"> <td valign="top" width="244" bgcolor="#abcd9c"><font face="Arial" color="#000000" size="2"> <div><font face="Eras Demi ITC" color="#ffffff" size="3"><b>Health insurance usually provides either direct payment or reimbursement for expenses associated with illnesses and injuries. The cost and range of protection provided by your health insurance will depend on your insurance provider and the particular policy you purchase.</b></font></div></font></td> <td valign="top" width="275" bgcolor="#abcd9c"><font face="Arial" color="#000000" size="2"> <div><font face="Eras Demi ITC" color="#ffffff" size="3"><b>At Global Insurance Benefits, we pride ourselves on matching your specific insurance needs with a plan that fits your budget. Whether it be individual, family or group insurance, we can f<font face="Arial" color="#000000" size="2"></div> <div><img style="Z-INDEX: 115; LEFT: 818px; POSITION: absolute; TOP: 518px" height="86" alt="Travel Insurance" src="pageslice5.gif" width="44" border="0"></div> <div></font>ind the plan <br>th<br><img style="Z-INDEX: 100; LEFT: 78px; POSITION: absolute; TOP: 169px" height="240" alt="" src="bg_head_middle.jpg" width="838" border="0"> <font face="Arial" color="#000000" size="2"></div> <div> <table style="Z-INDEX: 105; LEFT: 106px; POSITION: absolute; TOP: 182px" height="668" cellspacing="10" cellpadding="0" width="634" align="center" border="0"> <tbody> <tr valign="top" height="177"> <td><font face="Arial" size="2"> <div><font face="Eras Light ITC" size="4"><b>Health insurance usually provides either direct payment or reimbursement for expenses associated with illnesses and injuries. The cost and range of protection provided by your health insurance will depend on your insurance provider and the particular policy you purchase.</b></font></div></font></td> <td><font face="Arial" color="#000000" size="2"> <div align="left"><font color="#808080"><font face="Eras Light ITC"><font color="#000000"><font size="4"><strong>At Global Insurance Benefits, we pride ourselves on matching your specific insurance needs with a plan that fits your budget. Whether it be individual, family or group insurance, we can find the plan that is right for you.<br><br><br><img style="Z-INDEX: 102; LEFT: 705px; POSITION: absolute; TOP: 59px" height="89" alt="Family Plans" src="_userimg-varphoto2.jpg" width="108" border="0"><img style="Z-INDEX: 103; LEFT: 755px; POSITION: absolute; TOP: 150px" height="99" alt="Home Insurance" src="fresh3.jpg" width="118" border="0"><br><img style="Z-INDEX: 104; LEFT: 664px; POSITION: absolute; TOP: 337px" height="86" alt="Travel Insurance" src="pageslice4.gif" width="48" border="0"><img style="Z-INDEX: 104; LEFT: 708px; POSITION: absolute; TOP: 249px" height="87" alt="Group Plans" src="_userimg-varphoto1.jpg" width="105" border="0"></strong></font></div> <div align="left"> <div style="Z-INDEX: 106; LEFT: 328px; WIDTH: 352px; POSITION: absolute; TOP: 293px; HEIGHT: 67px"> <div align="left"><font face="Eras Demi ITC" color="#9aa754" size="4"><font color="#6a7d31">Choose the picture to the right which best corresponds with the plan you are seeking.</font> </font></div></div></div><font face="Arial" color="#000000" size="2"> <div align="center"> </div></font> <div align="left"><font size="4"><strong><img style="Z-INDEX: 101; LEFT: -26px; POSITION: absolute; TOP: 256px" height="134" alt="" src="hfgf.jpg" width="839" border="0"> <br><br><br><br><br><br><br><br><br> <table style="Z-INDEX: 107; LEFT: 317px; POSITION: absolute; TOP: 426px" cellspacing="10" cellpadding="0" width="100%" bgcolor="#ffffff" border="0"> <tr valign="top"> <td valign="center"><font face="Arial" color="#000000" size="2"> <div><font face="Eras Demi ITC" color="#000000" size="3">Home</font></div></font></td> <td valign="center"><font face="Arial" color="#000000" size="2"> <div><font face="Eras Demi ITC" color="#000000" size="3">Plans</font></div></font></td> <td valign="center"><font face="Arial" color="#000000" size="2"> <div><font face="Eras Demi ITC" color="#000000" size="3">Contact</font></div></font></td></tr></table><br><br><br><br><br><br><img style="Z-INDEX: 105; LEFT: 655px; POSITION: absolute; TOP: -28px" height="88" alt="Individual Plans" src="_userimg-varphoto4.jpg" width="90" border="0"><br></div></strong></font></font></font></font></font></td></tr></tbody></table></div></font> <div><br> </div> <div> </div> <div><br>at is right for you.</div> <p align="center"> </p> <div></b></font></div></font></td></tr></table></div></font> </body> </html> Thank you...
Wow, that page is a right mess in FF. Good to see WYSIWYGs still live up to their reputation when it comes to accessibility. Try a HTML/CSS tutorial on positioning and layout (simple google search will bring up some). You could use this as a learning experience in proper website programming. It's not an overly difficult layout to code.
Hi have had a go at redesigning it in Dreamweaver, ive not had a chance to do the images down the right had side but if you need some more help i can carry on and sort it out for you tomorrow. but try this and see if its FF compatible <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Global Insurance Benefits</title> <meta name="description" content=""> <meta name="keywords" content=""> <style type="text/css"> <!-- .style1 { font-size: 36px; font-weight: bold; color: #FFFFFF; } .style6 {color: #009933} .style7 { color: #B5D69C; font-weight: bold; font-size: 18px; } .style8 { color: #6B7B31; font-weight: bold; font-size: 24px; } --> </style> </head> <body> <table width="758" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="150" colspan="3" valign="middle" background="http://www.globalinsurancebenefits.com/caringPeople_blueTan.jpg"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="6%"> </td> <td width="54%"><span class="style1">Global Insurance Benefits</span></td> <td width="40%"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td><span class="style7">Going The Distance For You</span></td> </tr> </table></td> </tr> <tr> <td width="126"> </td> <td width="316"> </td> <td width="316"> </td> </tr> <tr> <td colspan="3" background="http://www.globalinsurancebenefits.com/bg_head_middle.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="46%"><div><strong>Health insurance usually provides either direct payment or reimbursement for expenses associated with illnesses and injuries. The cost and range of protection provided by your health insurance will depend on your insurance provider and the particular policy you purchase.</strong></div></td> <td width="8%"> </td> <td width="46%" valign="top"><strong>At Global Insurance Benefits, we pride ourselves on matching your specific insurance needs with a plan that fits your budget. Whether it be individual, family or group insurance, we can find the plan that is right for you.</strong></td> </tr> </table></td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td height="127" colspan="3" background="http://www.globalinsurancebenefits.com/hfgf.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%"> </td> <td width="11%" height="127"> </td> <td width="56%" bgcolor="#C9C9C9"><div align="left" class="style6"><span class="style8">Choose the picture to the right which best corresponds with the plan you are seeking.</span></div></td> </tr> </table></td> </tr> </table> <table width="758" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> </td> <td> </td> <td><div align="center"></div></td> <td><div align="center"></div></td> <td><div align="center"></div></td> <td><div align="center"></div></td> <td><div align="center"></div></td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td><div align="center"><strong><a href="#">Home</a></strong></div></td> <td><div align="center"></div></td> <td><div align="center"><strong><a href="#">Plans</a></strong></div></td> <td><div align="center"></div></td> <td><div align="center"><strong><a href="#">Contact</a></strong></div></td> <td> </td> <td> </td> <td> </td> </tr> </table> <br /> </body> </html> Code (markup): So PM me if i can help any more
You guys are awesome... I just got home and I will check everything out. Thank you so much for your help. =)