Jump to content

Strange <table></table>


carefree

Recommended Posts

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>

Link to comment
https://forums.phpfreaks.com/topic/68692-strange/
Share on other sites

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....

Link to comment
https://forums.phpfreaks.com/topic/68692-strange/#findComment-345403
Share on other sites

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>

Link to comment
https://forums.phpfreaks.com/topic/68692-strange/#findComment-345818
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.