Unable to apply class style to table row?

created a class style with 10px pad on right side only & vertical alignment to
top.

i want to apply this class to a table row-- but when i do-- i get correct
vertical alignment-- but no pad.

if i apply the same class style to each td cell-- then both alignment and pad
work.

am i making some silly mistake? there are 40 td cells in the row-- so it
would be faster just to apply class to entire row. any ideas what i'm doing
wrong? much thanks in advance.

[Q]i want to apply this class to a table row-- but when i do-- i get correct
vertical alignment-- but no pad.[/Q]

Why would you expect that by adding left or right padding to a <tr> tag you
could effectuate padding within a <td> tag. In general, the first controls
vertical placement and the second controls horizontal placement. If such
padding has any effect at all, then it would probably appear along the left and
right sides of the table in which the row is contained? Check there to see, if
there is no displacement.

I do not know how many rows you have in your table, but if the padding is to
be applied to all of the cells in a single or every column, then I would look
for a solution in your column or table, not row elements.

Roddy

Padding doesn't inherit into descendent tags. And, a <tr> doesn't pad
anyhow.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"dexter manika" <webforumsuser (AT) macromedia (DOT) com> wrote

created a class style with 10px pad on right side only & vertical
alignment to
top.

i want to apply this class to a table row-- but when i do-- i get correct
vertical alignment-- but no pad.

if i apply the same class style to each td cell-- then both alignment and
pad
work.

am i making some silly mistake? there are 40 td cells in the row-- so it
would be faster just to apply class to entire row. any ideas what i'm
doing
wrong? much thanks in advance.

And by the way, the best way to do this would be as follows, using a
descendent selector -

..padThis td { vertical-align:top; padding:10px; }

....

<tr class="padThis">
<td>

Now, all the <td> tags within that <tr> will have the padding and alignment
you want.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"dexter manika" <webforumsuser (AT) macromedia (DOT) com> wrote

created a class style with 10px pad on right side only & vertical
alignment to
top.

i want to apply this class to a table row-- but when i do-- i get correct
vertical alignment-- but no pad.

if i apply the same class style to each td cell-- then both alignment and
pad
work.

am i making some silly mistake? there are 40 td cells in the row-- so it
would be faster just to apply class to entire row. any ideas what i'm
doing
wrong? much thanks in advance.

[q]And by the way, the best way to do this would be as follows, using a
descendent selector.

STYLE SHEET
.padThis td { vertical-align:top; padding:10px; }

HTML DOCUMENT
<tr class="padThis">
<td>blah, blah, blah</td>
<td>blah, blah, blah</td>
<td>blah, blah, blah</td>
</tr>

Now, all the <td> tags within that <tr> will have the padding and alignment
you want.[/q]

Very Nifty.

Roddy

Yes, thanks. Descendent selectors can be an epiphany for new CSS learners,
and will definitely unclutter your stylesheets by moving out the myriad
custom classes and replacing them with context-based selectors.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"kiusau" <webforumsuser (AT) macromedia (DOT) com> wrote

[q]And by the way, the best way to do this would be as follows, using a
descendent selector.

STYLE SHEET
.padThis td { vertical-align:top; padding:10px; }

HTML DOCUMENT
tr class="padThis"
td>blah, blah, blah</td
td>blah, blah, blah</td
td>blah, blah, blah</td
/tr

Now, all the <td> tags within that <tr> will have the padding and
alignment
you want.[/q]

Very Nifty.

Roddy