[NTLUG:Discuss] OT, HTML question

Stuart Johnston sjohnston at vaultranet.com
Thu Jan 8 09:55:27 CST 2004


fredjame wrote:
> Sticking to HTML 4.0 ...
> I want to build two one row tables: with partial boarders or frames.
> (a) For table 1 I want a boarder on the top horizontal side, and of the 
> left and right vertical sides of each cell in the table.
> (b) For table 2 I want boarders on the left and right vertical sides of 
> each cell in the table.
> 
> If I built it as a two row table, I would want a horizontal rule across 
> the top of the table, vertical rule on each side of the table, and 
> vertical rule running down between the columns.
> 
> A visual (best viewed in fixed with font)
> 
> _____________________
> |    |    |    |    |
> |    |    |    |    |
> 
> If I have made any sense, I would very much appreciate any help you may 
> be able to offer.
> 


The best way to control borders is with CSS.  Try something like this to 
get started:

<html>
<body>
<table cellspacing="0">
<tr><td style="border-top: 1px solid; border-left: 1px solid;
                border-right: 1px solid;" width="25">&nbsp;</td>
     <td style="border-top: 1px solid; border-right: 1px solid;"
         width="25">&nbsp;</td>
     <td style="border-top: 1px solid; border-right: 1px solid;"
         width="25">&nbsp;</td>
     <td style="border-top: 1px solid; border-right: 1px solid"
         width="25">&nbsp;</td>
</tr>


<tr><td style="border-right: 1px solid; border-left: 1px solid">&nbsp;</td>
     <td style="border-right: 1px solid;">&nbsp;</td>
     <td style="border-right: 1px solid;">&nbsp;</td>
     <td style="border-right: 1px solid">&nbsp;</td>
</tr>

</table>

</body>
</html>


Of course, in real life you would want to move all that into style classes.

HTH,
Stuart Johnston
---
http://VaultraNet.com




More information about the Discuss mailing list