|
Posted by Neredbojias on 08/06/07 12:11
Well bust mah britches and call me cheeky, on Mon, 06 Aug 2007 11:32:56
GMT jollyroger scribed:
> 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>
That markup sucks.
Anyway, when you use css, you need to include units. It's also probably
a bad idea to mix css and archaic html styling.
--
Neredbojias
Half lies are worth twice as much as whole lies.
[Back to original message]
|