[thelist] [CSS] table border tip

Paul Bennett paul at teltest.com
Thu Aug 7 19:45:07 CDT 2003


<tip type="css table borders">
in the event that you need table borders to display nicely across a 
range of browers and want to avoid the ill-supported table 'bordercolor' 
attribute,
simply:
(1)
set the following properies in your table tag:
cellspacing="1" (or the width of the "border" you want the table to have)

(2)
then: in your stylesheet set the background-color of your table to the 
color you desire for your css table "border"
table
    {
    background-color: #404040;
    }

(3)
now set the background-color attributes for your td / thead / tbody 
sections to the desired colours of the inside of the table
These must be set otherwise the table background color (which you want 
as your border) will color the entire contents of the table

thead td
    {
    background-color: #eee;
    }
tbody td
    {
    background-color: #fff;
    }

(tested successfully on NS6.2, Mozilla 1.4b, IE 6, Opera 7.11)
 

</tip>

-- 
 ------------------------------
	Paul Bennett						
	Internet Developer				
	Teltest Electronic Design		
 ------------------------------			
Email: paul at teltest.com				
Phone: 64 4 237 4557					
Web: http://www.teltest.com		
Wap: http://wap.teltest.com			




More information about the thelist mailing list