encapsultating TABLE attributes in CSS

I have a table style like this:
table.gridmenu /* tables used for creating menus of clickable buttons
*/ {
background : #fbf4d8;
color : #0080ff;
font : 80% Arial,Helvetica,sans-serif;
}

When I use it I add some extra stuff like this:

<table border="7" cellpadding="10" class="gridmenu" >

I have horsed around but can't seem to figure out what to do to the
table.gridmenu or a td.gridmenu style to build in the border and
cellpadding.

I wonder if the problem is I need to individually add the gridmenu
attribute to every ruddy cell. Surely not!

*Roedy Green* wrote:

I have a table style like this:
table.gridmenu /* tables used for creating menus of clickable buttons
*/ {
background : #fbf4d8;
color : #0080ff;
font : 80% Arial,Helvetica,sans-serif;
}

When I use it I add some extra stuff like this:

table border="7" cellpadding="10" class="gridmenu"

I have horsed around but can't seem to figure out what to do to the
table.gridmenu or a td.gridmenu style to build in the border and
cellpadding.

I wonder if the problem is I need to individually add the gridmenu
attribute to every ruddy cell. Surely not!

Don't forget that you can additionally specify:

table.gridmenu td {
padding: 10px;
border: 7px;
border-collapse: collapse;
/* etc. */
}

Is this what you were looking for?
--
Andrew Urquhart
- FAQ: www.css.nu/faq/ciwas-aFAQ.html
- Archive: www.tinyurl.com/ysjbm (Google Groups)
- My reply address is invalid, use: www.andrewu.co.uk/contact/

On Thu, 24 Jun 2004 01:18:52 +0100, "Andrew Urquhart"
<useWebsiteInSignatureToReply (AT) spam (DOT) invalid> wrote or quoted :

table.gridmenu td {
padding: 10px;
border: 7px;
border-collapse: collapse;
/* etc. */
}

Is this what you were looking for?

I tried various permutations of table gridmenu and td, with and
without dots. Perhaps that one is the key. Thanks.

I think I suddenly get how it works.


--
Canadian Mind Products, Roedy Green.
Coaching, problem solving, economical contract programming.
See http://mindprod.com/jgloss/jgloss.html for The Java Glossary.

On 23 Jun 2004 16:40:07 -0700, Roedy Green wrote:

I have a table style like this:
table.gridmenu /* tables used for creating menus of clickable buttons
*/ {
background : #fbf4d8;
color : #0080ff;
font : 80% Arial,Helvetica,sans-serif;
}

You mean this one?
<http://mindprod.com/jgloss/css.html>

You can apply a style to any child
element of table represented by..
<table class="gridmenu" border="0" cellspacing="4" cellpadding="4">
...ask the CSS experts how.

It might pay to lose the..
[ .. border="0" cellspacing="4" cellpadding="4".. ]
...though.

HTH

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology

On Thu, 24 Jun 2004 01:05:07 GMT, Andrew Thompson
<SeeMySites (AT) www (DOT) invalid> wrote or quoted :

It might pay to lose the..
[ .. border="0" cellspacing="4" cellpadding="4".. ]
..though.

Ok, I am cooking now thanks to your help.

table.gridmenu td /* tables used for creating menus of clickable
buttons */ {
border-style : outset;
border-width : 2px;
border-color: #808080;
padding : 5px;
margin : 5px;
}

works fine, except the margin command seems to be ignored. I am using
Opera 7.5. It acts as if margin=1px no matter what I set it to.

--
Canadian Mind Products, Roedy Green.
Coaching, problem solving, economical contract programming.
See http://mindprod.com/jgloss/jgloss.html for The Java Glossary.

Roedy Green wrote:

works fine, except the margin command seems to be ignored. I am using
Opera 7.5. It acts as if margin=1px no matter what I set it to.

Table cells don't have margins. Look up "border-spacing" (as applied to the
<table>).


--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Roedy Green <look-on (AT) mindprod (DOT) com.invalid> wrote:

On Thu, 24 Jun 2004 01:05:07 GMT, Andrew Thompson
SeeMySites (AT) www (DOT) invalid> wrote or quoted :

It might pay to lose the..
[ .. border="0" cellspacing="4" cellpadding="4".. ]
..though.

Ok, I am cooking now thanks to your help.

table.gridmenu td /* tables used for creating menus of clickable
buttons */ {
border-style : outset;
border-width : 2px;
border-color: #808080;
padding : 5px;
margin : 5px;
}

works fine, except the margin command seems to be ignored. I am using
Opera 7.5. It acts as if margin=1px no matter what I set it to.

border-collapse: separate;
border-spacing: 4px;

--

On 24 Jun 2004 06:03:41 -0700, wolfgangwildeblood (AT) yahoo (DOT) com.au
(Wolfgang Wildeblood) wrote or quoted :

works fine, except the margin command seems to be ignored. I am using
Opera 7.5. It acts as if margin=1px no matter what I set it to.

border-collapse: separate;
border-spacing: 4px;

Thanks. All is behaving now. These work, but they have to go on the
table not the td.

--
Canadian Mind Products, Roedy Green.
Coaching, problem solving, economical contract programming.
See http://mindprod.com/jgloss/jgloss.html for The Java Glossary.