carefree Posted September 10, 2007 Share Posted September 10, 2007 Can someone help me out !! I can work out why in this table the bottom right hand corner isnt matching up properly. It looks ok in text editor but when viewed online it dosent sit right . Thanks :-\ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <<title>Westnblue Networks</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body bgcolor="#333333"> <div align="center"> <table style="FONT-SIZE: 10pt; BORDER-BOTTOM-COLOR: #FFFFFF; FONT-FAMILY: Verdana, Tahoma, Arial; BORDER-COLLAPSE: collapse; TEXT-ALIGN: left; BORDER-RIGHT-COLOR: #FFFFFF" height="83" cellPadding="0" width="796" bgColor="#FFFFFF" border="0"> <tr> <td style="TEXT-ALIGN: center; " vAlign="top" width="51" height="21"> <img border="0" src="http://www.westnblue.com/images/LHTOPGREY.jpg" width="50" height="50"></td> <td style="TEXT-ALIGN: center; " width="179" height="21" colspan="4"> <img border="0" src="images/westnbluelogo.jpg" width="419" height="71" align="center"></td> <td style="TEXT-ALIGN: center; " vAlign="top" width="50" height="21"> <img border="0" src="http://www.westnblue.com/images/RHTOPGREY.jpg" width="50" height="50"></td> </tr> <tr> <td style="TEXT-ALIGN: center; " vAlign="top" width="796" height="18" colspan="6"> </td> </tr> <tr> <td style="TEXT-ALIGN: center; " vAlign="top" width="796" height="18" colspan="6"> A diverse range of resource and entertainment sites is what were all about<ul> <li> <p style="text-align: left">Investors</li> <li> <p style="text-align: left">Partnerships</li> <li> <p style="text-align: left">Trades</li> <li> <p style="text-align: left">Advertisement</li> <li> <p style="text-align: left">2257 Records</li> </ul> <p>Coming soon..<p> <a target="_self" href="javascript:window.external.AddFavorite('http://www.westnblue.com','Westnblue Network.');"> BOOKMARK</a></td> </tr> <tr> <td style="TEXT-ALIGN: center; " vAlign="top" width="50" height="18" colspan="2"> <img border="0" src="http://www.westnblue.com/images/LHBOTGREY.jpg" width="50" height="50"></td> <td style="TEXT-ALIGN: center; " vAlign="top" width="562" height="18"> </td> <td style="TEXT-ALIGN: center; " vAlign="top" width="133" height="18"> </td> <td style="TEXT-ALIGN: center; " vAlign="top" width="50" height="18" colspan="2"> <img border="0" src="http://www.westnblue.com/images/RHBOTGREY.jpg" width="50" height="50"></td> </tr> </table> </div></font> <p align="center"><font size="2" color="#FFFFFF">Westnblue Network Copywrite 2007</font></p> </body> </html> Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted September 10, 2007 Share Posted September 10, 2007 too much html soup!!!! without going through it all I suspect you have missed a cell or 2 out somewhere or done something stupid with a col or row span... if only you didn't do the table layout - it would make your life SOOOO much easy - and help you produce a better, faster downloading site.... Quote Link to comment Share on other sites More sharing options...
carefree Posted September 10, 2007 Author Share Posted September 10, 2007 I dont know any other way to do this. Can you give me a simple example of a different way ?? Thanks Quote Link to comment Share on other sites More sharing options...
watthehell Posted September 11, 2007 Share Posted September 11, 2007 hope this works <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <title>Westnblue Networks</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body bgcolor="#333333"> <table width="796" height="83" border="0" align="center" cellPadding="0" bgColor="#FFFFFF" style="FONT-SIZE: 10pt; BORDER-BOTTOM-COLOR: #FFFFFF; FONT-FAMILY: Verdana, Tahoma, Arial; BORDER-COLLAPSE: collapse; TEXT-ALIGN: left; BORDER-RIGHT-COLOR: #FFFFFF"> <tr> <td style="TEXT-ALIGN: center; " vAlign="top" width="50" height="21"> <img border="0" src="http://www.westnblue.com/images/LHTOPGREY.jpg" width="50" height="50"></td> <td style="TEXT-ALIGN: center; " height="21" colspan="4"> <img border="0" src="images/westnbluelogo.jpg" width="419" height="71" align="center"></td> <td style="TEXT-ALIGN: center; " vAlign="top" width="53" height="21"> <img border="0" src="http://www.westnblue.com/images/RHTOPGREY.jpg" width="50" height="50"></td> </tr> <tr> <td style="TEXT-ALIGN: center; " vAlign="top" height="18" colspan="6"> </td> </tr> <tr> <td style="TEXT-ALIGN: center; " vAlign="top" height="18" colspan="6"> A diverse range of resource and entertainment sites is what were all about<ul> <li> <p style="text-align: left">Investors</li> <li> <p style="text-align: left">Partnerships</li> <li> <p style="text-align: left">Trades</li> <li> <p style="text-align: left">Advertisement</li> <li> <p style="text-align: left">2257 Records</li> </ul> <p>Coming soon..<p> <a target="_self" href="javascript:window.external.AddFavorite('http://www.westnblue.com','Westnblue Network.');"> BOOKMARK</a></td> </tr> <tr> <td style="TEXT-ALIGN: center; " vAlign="top" height="18" colspan="2"> <img border="0" src="http://www.westnblue.com/images/LHBOTGREY.jpg" width="50" height="50"></td> <td style="TEXT-ALIGN: center; " vAlign="top" width="520" height="18"> </td> <td style="TEXT-ALIGN: center; " vAlign="top" width="155" height="18"> </td> <td style="TEXT-ALIGN: center; " vAlign="top" height="18" colspan="2"> <img border="0" src="http://www.westnblue.com/images/RHBOTGREY.jpg" width="50" height="50"></td> </tr> </table> </font> <p align="center"><font size="2" color="#FFFFFF">Westnblue Network Copywrite 2007</font></p> </body> </html> Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted September 11, 2007 Share Posted September 11, 2007 carefree... have a look at these http://www.maxdesign.com.au/presentation/page_layouts/ its an ok starting point... once you get the jist you can get back on here and learn some hardcore stuff... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.