Register | 
Integratek Knowledge Center
 
Integratek Knowledge CenterIntegratek Knowledge CenterDigital Art and...Digital Art and...HTML ConceptsHTML ConceptsTable with thin bordersTable with thin borders
Disabled 
Previous
 
Next
 Disabled
New Post
 11/12/2009 10:07 AM
 
 Modified By lperez  on 11/12/2009 10:16:17 AM

I was trying to design a table in HTML with thin borders I searched for various tutorials and the information was very sketchy. I did a quick search in my visual web developer express and found two very useful style properties:

style="border-width:parameter ;"

Examples of parameters in border-width:

Medium; Thin; or Thick; you will use to get the desired width in your border

Inherit; you will use when you are nesting tables and you want the child table to inherit this property from the father table

style="border-collapse:parameter ;"

Examples of parameter in border-collapse:

Collapse; Join Borders together this will make your border thinner

Separate; Lets Border separate about 1 px

Inherit; You will use when you are nesting tables and you want the child table to inherit this property from the father table

If you apply both you will obtain a very thin border around your table an example of how I typically do my table layout:

<table align="center" border="1" cellpadding="0" cellspacing="0" width="900px" style="border-width:thin; border-collapse:collapse;">

Disabled 
Previous
 
Next
 Disabled
Integratek Knowledge CenterIntegratek Knowledge CenterDigital Art and...Digital Art and...HTML ConceptsHTML ConceptsTable with thin bordersTable with thin borders

Copyright 2009 by Integratek