Register | 
1 2 3 4 5 6
Performance Development
Service Geo Tracker
Track Lab
HIE Solutions
Mobile Application Development
Microsoft Products
 Integratek Knowledge Center Minimize
 
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 11: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

    Stay Connected : Facebook  |  LinkedIn  |  Twitter  |  youtube
 Company Information Minimize
Copyright 2009-2011 by Integratek