Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
The website which I am doing now has lot of tables. I need to give different styles for different tables.I dont want to show the table cell borders. I need to show the table outer border and bg colors for rows. no borders for rows. please help me..
Thanks a Tonn..........................:-)) -
hey naveen,
best thing you can do is define identities for each table that you have and set a style for each - will enable you to redefine tags for each table.
so assign an ID attribute - ID="TableOne" to a table and set it's styles by using the ID selector:
#TableOne { some styles }
you can then redefine tags:
#TableOne td { some styles}
and do the same when you assign an ID to a different table - ie ID="TableTwo"
#TableTwo { some styles }
#TableTwo td { some styles }
etc
This gives you the control over the different tables you might have.
For all those property questions you have check out the CSS section of www.w3schools.com - nice reference area.
Good luck mate!
Pixelz -
as far as the styling of your tables goes:
table {
border: 1px solid #000;
}
will give you a 1px black border around the table only (not the cells).
table td {
background: #eee;
}
will give you a light gray background for the table row. If you don't want gaps between the table cells in the row, be sure to set the cellspacing attribute of the table to "0" (I believe support for border-spacing is hit-or-miss still). You can adjust the cellpadding of the table cells by setting "padding" in your CSS. -
-
CommentAuthorDarren Hoyt
- CommentTimeMay 5th 2006
Also play with the border collapse properties if it's still not looking right. -
-
thanks my dear friends..My doubt is clear.....
1 to 5 of 5