sam <sa*****@authtec.com> wrote:
I want to use style on the grids of table.
Then your question might belong to c.i.w.a.stylesheets rather than here.
But please explain what you mean by "the grids" here.
Currently it use default style of the html table, in which the grid size
appeared very thick.
I suppose "grid" refers here to borders around table cells. By default,
common browsers draw _no_ borders, so you must have done something to
create some borders. As usual, posting the URL would make it possible to
help better and faster.
If you use a border attribute in <table> with a positive value, say
border="5", then there's that wide (in pixels) a border around the table as
a whole and some borders around the cells as well. (The latter is actually
caused by the fact that nonzero border value implies rules="all".)
The properties of the borders around cells depend on the browser and cannot
be suggested in HTML. They are typically narrow (one pixel) and grey.
You can suggest their color, width, and type in CSS, e.g.
<style type="text/css"> table, th, td { border: red 2px solid; } </style>
How can I change the "thick" style of the default table to "slim"?
So I don't really see what you mean by "thick" here, since the typical
browser default is as thin as you can get. Maybe you mean the _spacing_
between the cell borders? That's typically a few pixels by default and can
be affected in HTML using a cellspacing attribute in the <table> tag.
If you use <table cellspacing="0">, the spacing vanishes and the borders
are joined (CSS equivalent: border-collapse: collapse), so that if you have
set e.g. the border width to 2px (using the CSS code above), there will be
a 2px (not 4px) border between cells.
--
Yucca,
http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring:
http://www.cs.tut.fi/~jkorpela/www.html