|
Posted by jollyroger on 08/06/07 11:32
I have a table that will only validate if I use inline or an attached
style. I would love to do that but for some really strange reason if I
use the same identical attributes in my style it hoses up my layout??
Can I please have a fresh eye look at this and tell me if it's
something obvious I'm missing? Thanks!
(I commented out the inline style for the table)
<!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>Untitled Document</title>
<style type="text/css">
<!--
..sometext {
font-family: Tahoma, Verdana;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #000000;
}
..imagerow {
background-color: #535563;
padding: 0px;
height: 205px;
width: 100%;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
..tablefix {
cellpadding: 0px;
cellspacing: 0px;
border: 0px;
height: 25px;
width: 243px;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
bgcolor="#FAF9F7">
<tr>
<td width="2%" height="34" align="left" valign="bottom"
bgcolor="#000066"></td>
<td width="98%" align="left" valign="bottom" bgcolor="#000066"></
td>
</tr>
<tr>
<td height="2" colspan="2" align="left" valign="top"></td>
</tr>
<tr>
<td height="205" align="left" valign="bottom" bgcolor="#535563"></
td>
<td height="205" align="left" valign="top"
bgcolor="#535563"><table class="imagerow">
<tr>
<td width="33%" height="177" align="left" valign="bottom"
bgcolor="#535563"><img src="img1.jpg" alt="" width="243" height="162"
border="1" /></td>
<td width="33%" align="left" valign="bottom"
bgcolor="#535563"><img src="img2.jpg" alt="" width="243" height="162"
border="1" /></td>
<td width="34%" align="left" valign="bottom"
bgcolor="#535563"><img src="img3.jpg" alt="" width="243" height="162"
border="1" /></td>
</tr>
<tr>
<td height="28" align="left" valign="bottom"
bgcolor="#535563"><table width="243" height="25" border="0"
cellpadding="0" cellspacing="0">
<!--<table style="width:243; height:25; border:0;
cellpadding:0; cellspacing:0">-->
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF"
class="sometext">Box One </td>
</tr>
</table></td>
<td align="left" valign="bottom" bgcolor="#535563"><table
width="243" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF"
class="sometext">Box Two </td>
</tr>
</table></td>
<td align="left" valign="bottom" bgcolor="#535563"><table
width="243" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF"
class="sometext">Box Three </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
[Back to original message]
|