Can I put COLSPAN definitions in my CSS?

Hey all, so I’m coming into the home stretch but I’m uncertain how best to apply the content’s text placement (left, right, center etc.). Some columns are going to be right aligned always (.C-SEQ and .C-EPS), but what if I need to modify one cell only. Span Style? A better way? Thanks.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<HEAD>
<META content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>IN LIVING COLOR &#9658; 5 Seasons 1990 &#9679; 1994</title>

<style type="text/css">

tr:nth-child(odd){background-color: #FFFFDB}
tr:nth-child(even){background-color: #FFFFFF}

li:nth-child(odd){background-color: #E6E6E6}
li:nth-child(even){background-color: #FFFFFF}

p {height: 100%;}

H1 {
COLOR: CRIMSON;
font-family: PRESTIGE12 BT, MONOSPACE; font-weight: bold; 
text-align: CENTER; font-size: 30px; line-height: 30px;}

H2,H3,H4,H5,H6 {
COLOR: #006666;
font-family: PRESTIGE12 BT, MONOSPACE; font-weight: bold;
text-align: LEFT; font-size: 24px; line-height: 24px;}

BODY {
font-size: 16px;
line-height: 16px;
font-family: PRESTIGE12 BT, MONOSPACE; 
font-weight: bold; 
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 100px;}

TD {
          border: 2px RIDGE #888888;
         padding: 8px;}

.C-SEQ {
           width: 55px;
background-color: #000000;
           color: CYAN;
         padding: 8px;}

.C-AIR {
           width: 130px;
background-color: #000000;
           color: CYAN;
         padding: 8px;}

.C-DISC {
           width: 70px;
background-color: #000000;
           color: CYAN;
         padding: 8px;}

.C-EPS {
           width: 55px;
background-color: #000000;
           color: CYAN;
         padding: 8px;}

.C-SKT {
       max-width: 1000px;  /* Sketch = remaining width, MAXIMUM 1000px */
background-color: #000000;
           color: CYAN;
         padding: 8px;}

TABLE {
border: 10px INSET CYAN;
width: 100%;
border-collapse: collapse;
font-family: PRESTIGE12 BT, BOLD, MONOSPACE;}

.FOOTNOTES {
background-color: #FDFFFF;
color: #4C4C4C;
padding: 30px;
border: 4px RIDGE #4C4C4C;
margin-top: 50px;
margin-bottom: 50px;
margin-left: 10%;
margin-right: 10%;
border-collapse: collapse;
font-family: PRESTIGE12 BT, MONOSPACE;
font-size: 10px;
line-height: 12px;}

.MUSIC {
border: 10px INSET CYAN;
width: 100%;
border-collapse: collapse;
font-family: PRESTIGE12 BT, BOLD, MONOSPACE;
color: #000000;
font-size: 18px;}

sup {
color: CRIMSON;
font-size: 20px;
font-weight: BOLD; 
vertical-align: SUPER;}

a:link {color: BLUE;}
a:visited {color: DODGERBLUE;}
a:hover {color: CRIMSON;}
a:active {color: INDIGO;}

</style>
</head>

<body>
<!-- ============== SEASON 1 =========================================== -->
<h1>DISC 1</h1>
<h3>Season 1</h3>
<table>
<tbody>
<tr>
<th CLASS="C-SEQ">SEQ</th>
<th CLASS="C-AIR">AIR DATE</th>
<th CLASS="C-DISC">DISC</th>
<th CLASS="C-EPS">EPS</th>
<th CLASS="C-SKT">SKETCHES</th>
</tr>
<tr>
<td>Q</td>
<td>1990-04-15</td>
<td>ONE</td>
<td>E</td>
<td>
<ul>
<li>&ldquo;Love Connection: Mike Tyson &amp; Robin Givens&rdquo; [PILOT]</li>
<li>&ldquo;Redd Foxx for Hire&rdquo;</li>
<li>&ldquo;Equity Express&rdquo;</li>
<li>&ldquo;MEN ON FILMS&rdquo;</li>
</ul></td>
</tr>
<tr>
<td>Q</td>
<td>1990-04-28</td>
<td>ONE</td>
<td>E</td>
<td>
<ul>
<li>&ldquo;Lean on Me, Beautiful&rdquo;</li>
<li>&ldquo;Mitzvah Train&rdquo;</li>
<li>&ldquo;Go On Girl&rdquo;</li>
<li>&ldquo;Oswald Bates for The United Negro Scholarship Fund&rdquo;</li>
</ul></td>
</tr>
<tr>
<td>Q</td>
<td>1990-05-12</td>
<td>ONE</td>
<td>E</td>
<td>
<ul>
<li>&ldquo;Three Champs and a Baby&rdquo;</li>
<li>&ldquo;New Ambassador&rdquo;</li>
<li>&ldquo;A Date with Grace&rdquo;</li>
<li>&ldquo;Hefty World Condominium Estates&rdquo;</li>
<li>&ldquo;Homeboy Shopping Network: Used Car Sale&rdquo;</li>
<li>&ldquo;Black World&rdquo;</li>
</ul></td>
</tr>
</tbody>
</table>
<h1>DISC 2</h1>
<h3>Season 1</h3>
<table>
<tbody>
<tr>
<th CLASS="C-SEQ">SEQ</th>
<th CLASS="C-AIR">AIR DATE</th>
<th CLASS="C-DISC">DISC</th>
<th CLASS="C-EPS">EPS</th>
<th CLASS="C-SKT">SKETCHES</th>
</tr>
<tr>
<td>Q</td>
<td>1990-05-19</td>
<td>TWO</td>
<td>E</td>
<td>
<ul>
<li>&ldquo;Bad Karate Class&rdquo;</li>
<li>&ldquo;Greshan Formula&rdquo;</li>
<li>&ldquo;Jheri&rsquo;s Kids&rdquo;</li>
<li>&ldquo;Tracy Chapman&rsquo;s Creative Process&rdquo;</li>
<li>&ldquo;Oppression for Black Men&rdquo;</li>
<li>&ldquo;Snackin&rsquo; Shack&rdquo;</li>
</ul></td>
</tr>
<tr>
<td>Q</td>
<td>1990-05-27</td>
<td>TWO</td>
<td>E</td>
<td>
<ul>
<li>&ldquo;Don King: The Early Years&rdquo;</li>
<li>&ldquo;Cookin&rsquo; with Salt-n-Pepa&rdquo; (cut from DVD)</li>
<li>&ldquo;Hey Mon&rdquo;</li>
<li>&ldquo;Ted Turner&rsquo;s Very Colorized Classics&mdash;Casablanca&rdquo;</li>
<li>&ldquo;Rallo&rdquo;</li>
<li>&ldquo;Men on Books&rdquo;</li>
</ul></td>
</tr>
<tr>
<td>Q</td>
<td>1990-06-03</td>
<td>TWO</td>
<td>E</td>
<td>
<ul>
<li>&ldquo;K-Tel Presents: Cephus &amp; Reesie Mayweather&rdquo;</li>
<li>&ldquo;Endangered Species&rdquo;</li>
<li>&ldquo;Casa de Hair&rdquo;</li>
<li>&ldquo;This Ol&rsquo; Box&rdquo; with Anton Jackson</li>
</ul></td>
</tr>
<tr>
<td>Q</td>
<td>1990-06-17</td>
<td>TWO</td>
<td>E</td>
<td>
<ul>
<li>&ldquo;Mo&rsquo; Money with Whiz and Ice&rdquo;</li>
<li>&ldquo;America&rsquo;s Funniest Security Camera Videos&rdquo;</li>
<li>&ldquo;Andrea Dice Clay&rdquo;</li>
<li>&ldquo;Hey Mon/Hedly Airlines&rdquo;</li>
<li>&ldquo;Homey D. Clown&rdquo;</li>
</ul></td>
</tr>
</tbody>
</table>

<h1>DISC 3</h1>
<h3>Season 1</h3>

<table>
<tbody>
<tr>
<th CLASS="C-SEQ">SEQ</th>
<th CLASS="C-AIR">AIR DATE</th>
<th CLASS="C-DISC">DISC</th>
<th CLASS="C-EPS">EPS</th>
<th CLASS="C-SKT">SKETCHES</th>
</tr>
<tr>
<td>Q</td>
<td>1990-07-15</td>
<td>THREE</td>
<td>E</td>
<td>
<ul>
<li>&ldquo;The Brothers Brothers&rdquo;</li>
<li>&ldquo;MC Hammer Video&rdquo;</li>
<li>&ldquo;Cine-Globe&rdquo;</li>
<li>&ldquo;Calhoun Tubbs&rdquo;</li>
<li>&ldquo;Ted Turner&rsquo;s Very Colorized Classics: Redd Foxx&rsquo;s &lsquo;The Kid&rsquo;&rdquo;</li>
<li>&ldquo;Anton on Po&rsquo; People&rsquo;s Court&rdquo;</li>
</ul>
</td>
</tr>
<tr>
<td>Q</td>
<td>1990-09-02</td>
<td>THREE</td>
<td>E</td>
<td>
<ul>
<li>&ldquo;Vortex of Fear&rdquo;</li>
<li>&ldquo;Ray Charles in Charge&rdquo;</li>
<li>&ldquo;Little Richard&rsquo;s Playhouse&rdquo;</li>
<li>&ldquo;Della Reese&rsquo;s Pieces&rdquo;</li>
<li>&ldquo;Secret Council&rdquo;</li>
<li>&ldquo;I Love Laquita&rdquo;</li>
</ul>
</td>
</tr>
<tr>
<td>Q</td>
<td>1990-09-09</td>
<td>THREE</td>
<td>E</td>
<td>
<ul>
<li>&ldquo;Homey D. Clown&rsquo;s One Stop Carnival&rdquo;</li>
<li>&ldquo;David Alan Grier Transition&rdquo;</li>
<li>&ldquo;Benita Butrell&rdquo;</li>
<li>&ldquo;Michael Winslow&mdash;A One-Man Show&rdquo;</li>
<li>&ldquo;Samantha Kinison&rdquo;</li>
<li>&ldquo;The Buttmans&rdquo;</li>
</ul>
</td>
</tr>
</tbody>
</table>


<DIV style="margin-top: 50px;">
<table>
<tbody>
<tr>
<th CLASS="C-SEQ">SEQ</th>
<th CLASS="C-AIR">AIR DATE</th>
<th CLASS="C-DISC">DISC</th>
<th CLASS="C-EPS">EPS</th>
<th CLASS="C-SKT">SKETCHES</th>
</tr>
<tr>
<td>Q</td>
<td>1992-05-07</td>
<td>FOUR</td>
<td><span style="color: blue;">CENTER ME</span> WAS S3 EP. 26</td>
<td><DIV style="color: crimson; margin-bottom: 15px">Season 3, Episode 26 CUT FROM DVD</DIV>
<DIV>MUSIC VIDEO SPECIAL:</DIV>
Crystal as Downtown Julie Brown (entire episode omitted from DVD)
<ul>
<li>Michael Bolton: &ldquo;When a Man Needs a Big Hit&rdquo;</li>
<li>&reg; MC Hammer: &ldquo;Can&rsquo;t Touch This&rdquo; (from Season 1, episode 11)</li>
<li>&reg; Crystal Waters: &ldquo;My Songs Are Mindless&rdquo; (from Season 3, episode 9)</li>
<li>&reg; Vanilla Ice: &ldquo;White White Baby&rdquo; (from Season 2, episode 15)</li>
<li>&reg; Prince &ldquo;Butt Out Jeans&rdquo; (from Season 3, episode 3)</li>
<li>&reg; Paula Abdul: &ldquo;Promise of a Thin Me&rdquo; (from Season 3, episode 8)</li>
<li>&reg; Jimmie Walker: &ldquo;Mama&rsquo;s Gonna Kick Me Out&rdquo; (from Season 3, episode 4)</li>
<li>&reg; Michael Jackson: &ldquo;Am I Black or White&rdquo; (from Season 3, episode 14)</li>
</ul>
1992-05-07 @ Fly Girl Jodeci performs &ldquo;X&rsquo;s We Share&rdquo;
</td>
</tr>
<tr>
<td>Q</td>
<td>1992-12-13</td>
<td>ONE</td>
<td><span style="color: blue;">CENTER ME</span> WAS S4 EP. 11 </td>
<td><span style="color: crimson;">Season 4, Episode 11 CUT FROM DVD</span>
<ul>
<li>&ldquo;Neurotica&rdquo; featuring Madonna</li>
<li>&ldquo;Gays in the Military&rdquo;</li>
</ul>
Remaining 3 Episodes Kept (See <span style="color: crimson;">SEQ 78</span>) </td>
</tr>
</tbody>
</table>
</DIV>
<!-- ============== FOOTNOTES ============================== -->
<DIV class="FOOTNOTES">
EXXON<sup>1</sup> This was originally the fictional ad for &ldquo;Colt 45&rdquo; on the original FOX broadcast, but has been replaced with &ldquo;The Exxxon Family&rdquo; on DVD and in syndication, FX, FXX, BET, and Centric.
<P>
CAKE<sup>2</sup> 25th Episode &ldquo;cake incident&rdquo; where David Alan Grier runs his finger through the cake and is subsequently caught and dumped, fanny-first, on top of the adulterated cake.
</P>
<P>
ADLIBBED<sup>3</sup> All versions &mdash; including DVD prints and reruns on FX, FXX, BET, and Centric &mdash; edit out adlibbed lines implying that Richard Gere and Carl Lewis are homosexuals.
</P>
<P>
THE AL SHARPTON<sup>4</sup> From Season 3, EPISODE 8: This sketch is not shown on FXX repeats or On Demand, but it has been replaced with &ldquo;The Al Sharpton and Louis Farrakhan Comedy Hour: Haunted House.&rdquo;
</P>
<P>
ARCHIE BUNKER<sup>5</sup> Would later become &ldquo;All Up in the Family&rdquo; in the fifth season.
</P>
<P>
RIOTS<sup>6</sup> The FXX version inexplicably cuts out the beginning of Rodney King&rsquo;s song near the end where he mentions driving down Foothill Boulevard.
</P>
<P>
FIRE MARSHALL<sup>7</sup> The FXX reruns edit out Fire Marshall Bill&rsquo;s line that implies he and an Arab man named Abdul were involved with the 1993 bombing of the World Trade Center.
</P>
<P>
COPS<sup>8</sup> Parody of COPS. Coincidentally, Saturday Night Live had a similar sketch on the season 19 episode hosted by Martin Lawrence.
</DIV>
</body>
</html>

Hi, semi,

Let’s see what trouble I can cause today…

In CSS, one rarely needs to apply a height of 100% to anything, especially…

p {height: 100%;}

To save face, feel free to delete that.

Another little niggle is your mixed use of sometimes-uppercase somtimes-lowercase classnames. It is much wiser to be use lower case consistently. Not required, mind you, but recommended to minimize the likelihood of mistakes. Certain things such as classnames will not work if the HTML classname is not the same case as the CSS classname. Consistency, whatever your preference, is important. For the sake of this exercise, I changed all of your CSS to lower case and made appropriate classname changes in the HTML. There were just a few, the <th> classnames and “footnotes”, I think. If this makes you crazy, don’t worry about it, just remember that the cases have to match.

Looking at your finished page, I don’t see any text whose alignment would likely be changed. Nevertheless, since you asked…

I tend to apply classnames to individual cells as overrides where exceptions to my “default” alignment are needed. For example, you wrote:

<td><span style="color: blue;">CENTER ME</span>WAS S3 EP. 26</td>

I assumed that “CENTER ME” was a note to one of us to center the text, so I created a rule in CSS .centerme {text-align:center;} and applied it class=“centerme” to that cell.

<td class="centerme">  <!-- <span style="color: blue;">CENTER ME</span> -->
                WAS S3 EP. 26</td>

(The span is commented out in case my guess was wrong.)

There are other ways of targeting specific cells within a table using CSS, but your example doesn’t seem to require a CSS only targeting method.

Hope this helps

Reformatted for readability:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<title>IN LIVING COLOR &#9658; 5 Seasons 1990 &#9679; 1994</title>
	<style type="text/css">
h1 {
    color: crimson;
    font-family: prestige12 bt, monospace;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
}
h2,h3,h4,h5,h6 {
    color: #006666;
    font-family: prestige12 bt, monospace;
    font-weight: bold;
    text-align: left;
    font-size: 24px;
    line-height: 24px;
}
body {
    font-size: 16px;
    line-height: 16px;
    font-family: prestige12 bt, monospace;
    font-weight: bold;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
    margin-bottom: 100px;
}
table {
    border: 10px inset cyan;
    width: 100%;
    border-collapse: collapse;
    font-family: prestige12 bt, bold, monospace;
}
tr:nth-child(odd) {background-color: #FFFFDB}
tr:nth-child(even) {background-color: #FFFFFF}
li:nth-child(odd) {background-color: #E6E6E6}
li:nth-child(even) {background-color: #FFFFFF}
td {
    border: 2px ridge #888888;
    padding: 8px;
}
.c-seq {
    width: 55px;
    background-color: #000000;
    color: cyan;
    padding: 8px;
}
.c-air {
    width: 130px;
    background-color: #000000;
    color: cyan;
    padding: 8px;
}
.c-disc {
    width: 70px;
    background-color: #000000;
    color: cyan;
    padding: 8px;
}
.c-eps {
    width: 50px;
    background-color: #000000;
    color: cyan;
    padding: 8px;
}
.c-skt {
    max-width: 1000px;  /* sketch = remaining width, maximum 1000px */
    background-color: #000000;
    color: cyan;
    padding: 8px;
}
.footnotes {
    background-color: #fdffff;
    color: #4c4c4c;
    padding: 30px;
    border: 4px ridge #4c4c4c;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 10%;
    margin-right: 10%;
    border-collapse: collapse;
    font-family: prestige12 bt, monospace;
    font-size: 10px;
    line-height: 12px;
}
.music {
    border: 10px inset cyan;
    width: 100%;
    border-collapse: collapse;
    font-family: prestige12 bt, bold, monospace;
    color: #000000;
    font-size: 18px;
}
sup {
    color: crimson;
    font-size: 20px;
    font-weight: bold;
    vertical-align: super;
}
a:link {color: blue;}
a:visited {color: dodgerblue;}
a:hover {color: crimson;}
a:active {color: indigo;}

.centerme {text-align:center;}

    </style>
</head>
<body>
<!-- ============== SEASON 1 =========================================== -->
<h1>DISC 1</h1>
<h3>Season 1</h3>
<table>
    <tbody>
        <tr>
            <th class="c-seq">SEQ</th>
            <th class="c-air">AIR DATE</th>
            <th class="c-disc">DISC</th>
            <th class="c-eps">EPS</th>
            <th class="c-skt">SKETCHES</th>
        </tr>
        <tr>
            <td>Q</td>
            <td>1990-04-15</td>
            <td>ONE</td>
            <td>E</td>
            <td>
                <ul>
                    <li>&ldquo;Love Connection: Mike Tyson
                    &amp; Robin Givens&rdquo; [PILOT]</li>
                    <li>&ldquo;Redd Foxx for Hire&rdquo;</li>
                    <li>&ldquo;Equity Express&rdquo;</li>
                    <li>&ldquo;MEN ON FILMS&rdquo;</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td>Q</td>
            <td>1990-04-28</td>
            <td>ONE</td>
            <td>E</td>
            <td>
                <ul>
                    <li>&ldquo;Lean on Me,
                    Beautiful&rdquo;</li>
                    <li>&ldquo;Mitzvah Train&rdquo;</li>
                    <li>&ldquo;Go On Girl&rdquo;</li>
                    <li>&ldquo;Oswald Bates for The United
                    Negro Scholarship Fund&rdquo;</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td>Q</td>
            <td>1990-05-12</td>
            <td>ONE</td>
            <td>E</td>
            <td>
                <ul>
                    <li>&ldquo;Three Champs and a
                    Baby&rdquo;</li>
                    <li>&ldquo;New Ambassador&rdquo;</li>
                    <li>&ldquo;A Date with Grace&rdquo;</li>
                    <li>&ldquo;Hefty World Condominium
                    Estates&rdquo;</li>
                    <li>&ldquo;Homeboy Shopping Network: Used
                    Car Sale&rdquo;</li>
                    <li>&ldquo;Black World&rdquo;</li>
                </ul>
            </td>
        </tr>
    </tbody>
</table>
<h1>DISC 2</h1>
<h3>Season 1</h3>
<table>
    <tbody>
        <tr>
            <th class="c-seq">SEQ</th>
            <th class="c-air">AIR DATE</th>
            <th class="c-disc">DISC</th>
            <th class="c-eps">EPS</th>
            <th class="c-skt">SKETCHES</th>
        </tr>
        <tr>
            <td>Q</td>
            <td>1990-05-19</td>
            <td>TWO</td>
            <td>E</td>
            <td>
                <ul>
                    <li>&ldquo;Bad Karate Class&rdquo;</li>
                    <li>&ldquo;Greshan Formula&rdquo;</li>
                    <li>&ldquo;Jheri&rsquo;s Kids&rdquo;</li>
                    <li>&ldquo;Tracy Chapman&rsquo;s Creative
                    Process&rdquo;</li>
                    <li>&ldquo;Oppression for Black
                    Men&rdquo;</li>
                    <li>&ldquo;Snackin&rsquo; Shack&rdquo;</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td>Q</td>
            <td>1990-05-27</td>
            <td>TWO</td>
            <td>E</td>
            <td>
                <ul>
                    <li>&ldquo;Don King: The Early
                    Years&rdquo;</li>
                    <li>&ldquo;Cookin&rsquo; with
                    Salt-n-Pepa&rdquo; (cut from DVD)</li>
                    <li>&ldquo;Hey Mon&rdquo;</li>
                    <li>&ldquo;Ted Turner&rsquo;s Very
                    Colorized
                    Classics&mdash;Casablanca&rdquo;</li>
                    <li>&ldquo;Rallo&rdquo;</li>
                    <li>&ldquo;Men on Books&rdquo;</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td>Q</td>
            <td>1990-06-03</td>
            <td>TWO</td>
            <td>E</td>
            <td>
                <ul>
                    <li>&ldquo;K-Tel Presents: Cephus &amp;
                    Reesie Mayweather&rdquo;</li>
                    <li>&ldquo;Endangered Species&rdquo;</li>
                    <li>&ldquo;Casa de Hair&rdquo;</li>
                    <li>&ldquo;This Ol&rsquo; Box&rdquo; with
                    Anton Jackson</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td>Q</td>
            <td>1990-06-17</td>
            <td>TWO</td>
            <td>E</td>
            <td>
                <ul>
                    <li>&ldquo;Mo&rsquo; Money with Whiz and
                    Ice&rdquo;</li>
                    <li>&ldquo;America&rsquo;s Funniest
                    Security Camera Videos&rdquo;</li>
                    <li>&ldquo;Andrea Dice Clay&rdquo;</li>
                    <li>&ldquo;Hey Mon/Hedly
                    Airlines&rdquo;</li>
                    <li>&ldquo;Homey D. Clown&rdquo;</li>
                </ul>
            </td>
        </tr>
    </tbody>
</table>
<h1>DISC 3</h1>
<h3>Season 1</h3>
<table>
    <tbody>
        <tr>
            <th class="c-seq">SEQ</th>
            <th class="c-air">AIR DATE</th>
            <th class="c-disc">DISC</th>
            <th class="c-eps">EPS</th>
            <th class="c-skt">SKETCHES</th>
        </tr>
        <tr>
            <td>Q</td>
            <td>1990-07-15</td>
            <td>THREE</td>
            <td>E</td>
            <td>
                <ul>
                    <li>&ldquo;The Brothers
                    Brothers&rdquo;</li>
                    <li>&ldquo;MC Hammer Video&rdquo;</li>
                    <li>&ldquo;Cine-Globe&rdquo;</li>
                    <li>&ldquo;Calhoun Tubbs&rdquo;</li>
                    <li>&ldquo;Ted Turner&rsquo;s Very
                    Colorized Classics: Redd Foxx&rsquo;s
                    &lsquo;The Kid&rsquo;&rdquo;</li>
                    <li>&ldquo;Anton on Po&rsquo;
                    People&rsquo;s Court&rdquo;</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td>Q</td>
            <td>1990-09-02</td>
            <td>THREE</td>
            <td>E</td>
            <td>
                <ul>
                    <li>&ldquo;Vortex of Fear&rdquo;</li>
                    <li>&ldquo;Ray Charles in
                    Charge&rdquo;</li>
                    <li>&ldquo;Little Richard&rsquo;s
                    Playhouse&rdquo;</li>
                    <li>&ldquo;Della Reese&rsquo;s
                    Pieces&rdquo;</li>
                    <li>&ldquo;Secret Council&rdquo;</li>
                    <li>&ldquo;I Love Laquita&rdquo;</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td>Q</td>
            <td>1990-09-09</td>
            <td>THREE</td>
            <td>E</td>
            <td>
                <ul>
                    <li>&ldquo;Homey D. Clown&rsquo;s One Stop
                    Carnival&rdquo;</li>
                    <li>&ldquo;David Alan Grier
                    Transition&rdquo;</li>
                    <li>&ldquo;Benita Butrell&rdquo;</li>
                    <li>&ldquo;Michael Winslow&mdash;A One-Man
                    Show&rdquo;</li>
                    <li>&ldquo;Samantha Kinison&rdquo;</li>
                    <li>&ldquo;The Buttmans&rdquo;</li>
                </ul>
            </td>
        </tr>
    </tbody>
</table>
<div style="margin-top: 50px;">
    <table>
        <tbody>
            <tr>
            <th class="c-seq">SEQ</th>
            <th class="c-air">AIR DATE</th>
            <th class="c-disc">DISC</th>
            <th class="c-eps">EPS</th>
            <th class="c-skt">SKETCHES</th>
            </tr>
            <tr>
                <td>Q</td>
                <td>1992-05-07</td>
                <td>FOUR</td>
                <td class="centerme">  <!-- <span style="color: blue;">CENTER ME</span> -->
                WAS S3 EP. 26</td>
                <td>
                    <div style=
                    "color: crimson; margin-bottom: 15px">
                        Season 3, Episode 26 CUT FROM DVD
                    </div>
                    <div>
                        MUSIC VIDEO SPECIAL:
                    </div>Crystal as Downtown Julie Brown
                    (entire episode omitted from DVD)
                    <ul>
                        <li>Michael Bolton: &ldquo;When a Man
                        Needs a Big Hit&rdquo;</li>
                        <li>&reg; MC Hammer: &ldquo;Can&rsquo;t
                        Touch This&rdquo; (from Season 1,
                        episode 11)</li>
                        <li>&reg; Crystal Waters: &ldquo;My
                        Songs Are Mindless&rdquo; (from Season
                        3, episode 9)</li>
                        <li>&reg; Vanilla Ice: &ldquo;White
                        White Baby&rdquo; (from Season 2,
                        episode 15)</li>
                        <li>&reg; Prince &ldquo;Butt Out
                        Jeans&rdquo; (from Season 3, episode
                        3)</li>
                        <li>&reg; Paula Abdul: &ldquo;Promise
                        of a Thin Me&rdquo; (from Season 3,
                        episode 8)</li>
                        <li>&reg; Jimmie Walker:
                        &ldquo;Mama&rsquo;s Gonna Kick Me
                        Out&rdquo; (from Season 3, episode
                        4)</li>
                        <li>&reg; Michael Jackson: &ldquo;Am I
                        Black or White&rdquo; (from Season 3,
                        episode 14)</li>
                    </ul>1992-05-07 @ Fly Girl Jodeci performs
                    &ldquo;X&rsquo;s We Share&rdquo;
                </td>
            </tr>
            <tr>
                <td>Q</td>
                <td>1992-12-13</td>
                <td>ONE</td>
                <td class="centerme">  <!-- <span style="color: blue;">CENTER ME</span> -->
                WAS S4 EP. 11</td>
                <td>
                    <span style="color: crimson;">Season 4,
                    Episode 11 CUT FROM DVD</span>
                    <ul>
                        <li>&ldquo;Neurotica&rdquo; featuring
                        Madonna</li>
                        <li>&ldquo;Gays in the
                        Military&rdquo;</li>
                    </ul>Remaining 3 Episodes Kept (See
                    <span style="color: crimson;">SEQ
                    78</span>)
                </td>
            </tr>
        </tbody>
    </table>
</div>
<!-- ============== FOOTNOTES ============================== -->
<div class="footnotes">
    EXXON<sup>1</sup> This was originally the fictional ad for
    &ldquo;Colt 45&rdquo; on the original FOX broadcast, but
    has been replaced with &ldquo;The Exxxon Family&rdquo; on
    DVD and in syndication, FX, FXX, BET, and Centric.
    <p>CAKE<sup>2</sup> 25th Episode &ldquo;cake
    incident&rdquo; where David Alan Grier runs his finger
    through the cake and is subsequently caught and dumped,
    fanny-first, on top of the adulterated cake.</p>
    <p>ADLIBBED<sup>3</sup> All versions &mdash; including DVD
    prints and reruns on FX, FXX, BET, and Centric &mdash; edit
    out adlibbed lines implying that Richard Gere and Carl
    Lewis are homosexuals.</p>
    <p>THE AL SHARPTON<sup>4</sup> From Season 3, EPISODE 8:
    This sketch is not shown on FXX repeats or On Demand, but
    it has been replaced with &ldquo;The Al Sharpton and Louis
    Farrakhan Comedy Hour: Haunted House.&rdquo;</p>
    <p>ARCHIE BUNKER<sup>5</sup> Would later become &ldquo;All
    Up in the Family&rdquo; in the fifth season.</p>
    <p>RIOTS<sup>6</sup> The FXX version inexplicably cuts out
    the beginning of Rodney King&rsquo;s song near the end
    where he mentions driving down Foothill Boulevard.</p>
    <p>FIRE MARSHALL<sup>7</sup> The FXX reruns edit out Fire
    Marshall Bill&rsquo;s line that implies he and an Arab man
    named Abdul were involved with the 1993 bombing of the
    World Trade Center.</p>
    <p>COPS<sup>8</sup> Parody of COPS. Coincidentally,
    Saturday Night Live had a similar sketch on the season 19
    episode hosted by Martin Lawrence.</p>
</div>
</body>
</html>
1 Like

Gee, and I even tidied! God what a headache this has been. However . . .

Following is a literal slice of code so don’t give it context. The only reason I’m posting it is because I couldn’t find any other way to get those two COLUMNS (SEQ and EPS) to text-align: right.

<tr>
<td><div align="right">1</div></td>
<td>1990-04-15</td>
<td>ONE</td>
<td><div align="right">1</div></td>
snip

(DW put those <DIV>s in by the way) like for example

.C-SEQ {

      text-align: right; <<<<<<<<<<<<<<<<<
           width: 55px;
background-color: #000000;
           color: CYAN;
         padding: 8px;}

I had to put those lines in there 308 times!

Jesus wept.

Please. Anything?

You will develop distemper if I say bad things about DW, so…

You’ll be pleased to know: Your cat is almost as handsome as mine.

There is NO reason to put a div inside that <td>. AND the default alignment of a table cell is left, therefore, with very little effort at all it can be nudged into aligning right.

Why did you not give the cells a classname as I recommended? Why did you let DW dork with your code? align="left|center|right" has been obsolete for longer than I can remember.

Go ahead, dazzle me with sensible logic.

Or tell me a joke that I`ve never heard before.

The problem isn’t that <DIV>s were added; the problem is I had to add the friggin lines 308 times.

How do I declare it in the CSS? I’ve tried


.C-SEQ {
text align: right;

but it doesn’t do anything.

The punch line wasn’t lost on me.

But the problem, I SAY AGAIN, is that divs were added inside the <td> instead of a classname being added TO the <td class="rightenme">. Seriously, a more appropriately descriptive classname would be better than “rightenme” (that’s supposed to be humerous), after all, you may want to assign other properties to those cells.

Show the HTML, too. I can’t throw snowballs until I’ve seen them both.

Imagine this.

I need to edit 308 elements and give them either a style or a class.

Later I need to change that style.

Would I prefer to edit the 308 elements again, or change one line of CSS?

2 Likes

That’s the point Mittineague: I’m looking for a way to declare it once inside the CSS, and not have to add it over and over again, inline, for each table. I’ve tried — look up — and I don’t understand how to set it up inside the CSS. I don’t know why everyone thinks I’m asking for anything different.

Please suggest a CSS-only solution. You see mine; it doesn’t work; now let me see yours.

Well, if you tried it like this

text align: right;

you should have gotten a CSS validator error.

So it must be something else that’s the problem.

1 Like
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<HEAD>
<META content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>IN LIVING COLOR &#9658; 5 Seasons 1990 &#9679; 1994</title>

<style type="text/css">


    tr:nth-child(odd){background-color: #FFFFDB}
    tr:nth-child(even){background-color: #FFFFFF}

    li:nth-child(odd){background-color: #E6E6E6}
    li:nth-child(even){background-color: #FFFFFF}

    p {height: 100%;}

    H1 {
    COLOR: CRIMSON;
    font-family: PRESTIGE12 BT, MONOSPACE; font-weight: bold; 
    text-align: CENTER; font-size: 30px; line-height: 30px;}

    H2,H3,H4,H5,H6 {
    COLOR: #006666;
    font-family: PRESTIGE12 BT, MONOSPACE; font-weight: bold;
    text-align: LEFT; font-size: 24px; line-height: 24px;}

    BODY {
    font-size: 16px;
    line-height: 16px;
    font-family: PRESTIGE12 BT, MONOSPACE; 
    font-weight: bold; 
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
    margin-bottom: 100px;}

    TD {
          border: 2px RIDGE #888888;
         padding: 8px;}

    .C-SEQ {
           width: 55px;
    background-color: #000000;
           color: CYAN;
         padding: 8px;}

    .C-AIR {
           width: 130px;
    background-color: #000000;
           color: CYAN;
         padding: 8px;}

    .C-DISC {
           width: 70px;
    background-color: #000000;
           color: CYAN;
         padding: 8px;}

    .C-EPS {
           width: 55px;
    background-color: #000000;
           color: CYAN;
         padding: 8px;}

    .C-SKT {
       max-width: 1000px;  /* Sketch = remaining width, MAXIMUM 1000px */
    background-color: #000000;
           color: CYAN;
         padding: 8px;}

    TABLE {
    border: 10px INSET CYAN;
    width: 100%;
    border-collapse: collapse;
    font-family: PRESTIGE12 BT, BOLD, MONOSPACE;}

    .FOOTNOTES {
    background-color: #FDFFFF;
    color: #4C4C4C;
    padding: 30px;
    border: 4px RIDGE #4C4C4C;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 10%;
    margin-right: 10%;
    border-collapse: collapse;
    font-family: PRESTIGE12 BT, MONOSPACE;
    font-size: 10px;
    line-height: 12px;}

    .MUSIC {
    border: 10px INSET CYAN;
    width: 100%;
    border-collapse: collapse;
    font-family: PRESTIGE12 BT, BOLD, MONOSPACE;
    color: #000000;
    font-size: 18px;}

    sup {
    color: CRIMSON;
    font-size: 20px;
    font-weight: BOLD; 
    vertical-align: SUPER;}

    a:link {color: BLUE;}
    a:visited {color: DODGERBLUE;}
    a:hover {color: CRIMSON;}
    a:active {color: INDIGO;}

    </style>
</head>

<body>
    <!-- ============== SEASON 1 =========================================== -->

    <h1>DISC 1</h1>

    <h3>Season 1</h3>

    <table>
        <tbody>
            <tr>
                <th class="C-SEQ">SEQ</th>

                <th class="C-AIR">AIR DATE</th>

                <th class="C-DISC">DISC</th>

                <th class="C-EPS">EPS</th>

                <th class="C-SKT">SKETCHES</th>
            </tr>

            <tr>
                <td>Q</td>

                <td>1990-04-15</td>

                <td>ONE</td>

                <td>E</td>

                <td>
                    <ul>
                        <li>&ldquo;Love Connection: Mike Tyson
                        &amp; Robin Givens&rdquo; [PILOT]</li>

                        <li>&ldquo;Redd Foxx for Hire&rdquo;</li>

                        <li>&ldquo;Equity Express&rdquo;</li>

                        <li>&ldquo;MEN ON FILMS&rdquo;</li>
                    </ul>
                </td>
            </tr>

            <tr>
                <td>Q</td>

                <td>1990-04-28</td>

                <td>ONE</td>

                <td>E</td>

                <td>
                    <ul>
                        <li>&ldquo;Lean on Me,
                        Beautiful&rdquo;</li>

                        <li>&ldquo;Mitzvah Train&rdquo;</li>

                        <li>&ldquo;Go On Girl&rdquo;</li>

                        <li>&ldquo;Oswald Bates for The United
                        Negro Scholarship Fund&rdquo;</li>
                    </ul>
                </td>
            </tr>

            <tr>
                <td>Q</td>

                <td>1990-05-12</td>

                <td>ONE</td>

                <td>E</td>

                <td>
                    <ul>
                        <li>&ldquo;Three Champs and a
                        Baby&rdquo;</li>

                        <li>&ldquo;New Ambassador&rdquo;</li>

                        <li>&ldquo;A Date with Grace&rdquo;</li>

                        <li>&ldquo;Hefty World Condominium
                        Estates&rdquo;</li>

                        <li>&ldquo;Homeboy Shopping Network: Used
                        Car Sale&rdquo;</li>

                        <li>&ldquo;Black World&rdquo;</li>
                    </ul>
                </td>
            </tr>
        </tbody>
    </table>

    <h1>DISC 2</h1>

    <h3>Season 1</h3>

    <table>
        <tbody>
            <tr>
                <th class="C-SEQ">SEQ</th>

                <th class="C-AIR">AIR DATE</th>

                <th class="C-DISC">DISC</th>

                <th class="C-EPS">EPS</th>

                <th class="C-SKT">SKETCHES</th>
            </tr>

            <tr>
                <td>Q</td>

                <td>1990-05-19</td>

                <td>TWO</td>

                <td>E</td>

                <td>
                    <ul>
                        <li>&ldquo;Bad Karate Class&rdquo;</li>

                        <li>&ldquo;Greshan Formula&rdquo;</li>

                        <li>&ldquo;Jheri&rsquo;s Kids&rdquo;</li>

                        <li>&ldquo;Tracy Chapman&rsquo;s Creative
                        Process&rdquo;</li>

                        <li>&ldquo;Oppression for Black
                        Men&rdquo;</li>

                        <li>&ldquo;Snackin&rsquo; Shack&rdquo;</li>
                    </ul>
                </td>
            </tr>

            <tr>
                <td>Q</td>

                <td>1990-05-27</td>

                <td>TWO</td>

                <td>E</td>

                <td>
                    <ul>
                        <li>&ldquo;Don King: The Early
                        Years&rdquo;</li>

                        <li>&ldquo;Cookin&rsquo; with
                        Salt-n-Pepa&rdquo; (cut from DVD)</li>

                        <li>&ldquo;Hey Mon&rdquo;</li>

                        <li>&ldquo;Ted Turner&rsquo;s Very
                        Colorized
                        Classics&mdash;Casablanca&rdquo;</li>

                        <li>&ldquo;Rallo&rdquo;</li>

                        <li>&ldquo;Men on Books&rdquo;</li>
                    </ul>
                </td>
            </tr>

            <tr>
                <td>Q</td>

                <td>1990-06-03</td>

                <td>TWO</td>

                <td>E</td>

                <td>
                    <ul>
                        <li>&ldquo;K-Tel Presents: Cephus &amp;
                        Reesie Mayweather&rdquo;</li>

                        <li>&ldquo;Endangered Species&rdquo;</li>

                        <li>&ldquo;Casa de Hair&rdquo;</li>

                        <li>&ldquo;This Ol&rsquo; Box&rdquo; with
                        Anton Jackson</li>
                    </ul>
                </td>
            </tr>

            <tr>
                <td>Q</td>

                <td>1990-06-17</td>

                <td>TWO</td>

                <td>E</td>

                <td>
                    <ul>
                        <li>&ldquo;Mo&rsquo; Money with Whiz and
                        Ice&rdquo;</li>

                        <li>&ldquo;America&rsquo;s Funniest
                        Security Camera Videos&rdquo;</li>

                        <li>&ldquo;Andrea Dice Clay&rdquo;</li>

                        <li>&ldquo;Hey Mon/Hedly
                        Airlines&rdquo;</li>

                        <li>&ldquo;Homey D. Clown&rdquo;</li>
                    </ul>
                </td>
            </tr>
        </tbody>
    </table>

    <h1>DISC 3</h1>

    <h3>Season 1</h3>

    <table>
        <tbody>
            <tr>
                <th class="C-SEQ">SEQ</th>

                <th class="C-AIR">AIR DATE</th>

                <th class="C-DISC">DISC</th>

                <th class="C-EPS">EPS</th>

                <th class="C-SKT">SKETCHES</th>
            </tr>

            <tr>
                <td>Q</td>

                <td>1990-07-15</td>

                <td>THREE</td>

                <td>E</td>

                <td>
                    <ul>
                        <li>&ldquo;The Brothers
                        Brothers&rdquo;</li>

                        <li>&ldquo;MC Hammer Video&rdquo;</li>

                        <li>&ldquo;Cine-Globe&rdquo;</li>

                        <li>&ldquo;Calhoun Tubbs&rdquo;</li>

                        <li>&ldquo;Ted Turner&rsquo;s Very
                        Colorized Classics: Redd Foxx&rsquo;s
                        &lsquo;The Kid&rsquo;&rdquo;</li>

                        <li>&ldquo;Anton on Po&rsquo;
                        People&rsquo;s Court&rdquo;</li>
                    </ul>
                </td>
            </tr>

            <tr>
                <td>Q</td>

                <td>1990-09-02</td>

                <td>THREE</td>

                <td>E</td>

                <td>
                    <ul>
                        <li>&ldquo;Vortex of Fear&rdquo;</li>

                        <li>&ldquo;Ray Charles in
                        Charge&rdquo;</li>

                        <li>&ldquo;Little Richard&rsquo;s
                        Playhouse&rdquo;</li>

                        <li>&ldquo;Della Reese&rsquo;s
                        Pieces&rdquo;</li>

                        <li>&ldquo;Secret Council&rdquo;</li>

                        <li>&ldquo;I Love Laquita&rdquo;</li>
                    </ul>
                </td>
            </tr>

            <tr>
                <td>Q</td>

                <td>1990-09-09</td>

                <td>THREE</td>

                <td>E</td>

                <td>
                    <ul>
                        <li>&ldquo;Homey D. Clown&rsquo;s One Stop
                        Carnival&rdquo;</li>

                        <li>&ldquo;David Alan Grier
                        Transition&rdquo;</li>

                        <li>&ldquo;Benita Butrell&rdquo;</li>

                        <li>&ldquo;Michael Winslow&mdash;A One-Man
                        Show&rdquo;</li>

                        <li>&ldquo;Samantha Kinison&rdquo;</li>

                        <li>&ldquo;The Buttmans&rdquo;</li>
                    </ul>
                </td>
            </tr>
        </tbody>
    </table>

    <div style="margin-top: 50px;">
        <table>
            <tbody>
                <tr>
                    <th class="C-SEQ">SEQ</th>

                    <th class="C-AIR">AIR DATE</th>

                    <th class="C-DISC">DISC</th>

                    <th class="C-EPS">EPS</th>

                    <th class="C-SKT">SKETCHES</th>
                </tr>

                <tr>
                    <td>Q</td>

                    <td>1992-05-07</td>

                    <td>FOUR</td>

                    <td><span style="color: blue;">CENTER ME</span>
                    WAS S3 EP. 26</td>

                    <td>
                        <div style=
                        "color: crimson; margin-bottom: 15px">
                            Season 3, Episode 26 CUT FROM DVD
                        </div>

                        <div>
                            MUSIC VIDEO SPECIAL:
                        </div>Crystal as Downtown Julie Brown
                        (entire episode omitted from DVD) 

                        <ul>
                            <li>Michael Bolton: &ldquo;When a Man
                            Needs a Big Hit&rdquo;</li>

                            <li>&reg; MC Hammer: &ldquo;Can&rsquo;t
                            Touch This&rdquo; (from Season 1,
                            episode 11)</li>

                            <li>&reg; Crystal Waters: &ldquo;My
                            Songs Are Mindless&rdquo; (from Season
                            3, episode 9)</li>

                            <li>&reg; Vanilla Ice: &ldquo;White
                            White Baby&rdquo; (from Season 2,
                            episode 15)</li>

                            <li>&reg; Prince &ldquo;Butt Out
                            Jeans&rdquo; (from Season 3, episode
                            3)</li>

                            <li>&reg; Paula Abdul: &ldquo;Promise
                            of a Thin Me&rdquo; (from Season 3,
                            episode 8)</li>

                            <li>&reg; Jimmie Walker:
                            &ldquo;Mama&rsquo;s Gonna Kick Me
                            Out&rdquo; (from Season 3, episode
                            4)</li>

                            <li>&reg; Michael Jackson: &ldquo;Am I
                            Black or White&rdquo; (from Season 3,
                            episode 14)</li>
                        </ul>1992-05-07 @ Fly Girl Jodeci performs
                        &ldquo;X&rsquo;s We Share&rdquo;
                    </td>
                </tr>

                <tr>
                    <td>Q</td>

                    <td>1992-12-13</td>

                    <td>ONE</td>

                    <td><span style="color: blue;">CENTER ME</span>
                    WAS S4 EP. 11</td>

                    <td>
                        <span style="color: crimson;">Season 4,
                        Episode 11 CUT FROM DVD</span> 

                        <ul>
                            <li>&ldquo;Neurotica&rdquo; featuring
                            Madonna</li>

                            <li>&ldquo;Gays in the
                            Military&rdquo;</li>
                        </ul>Remaining 3 Episodes Kept (See
                        <span style="color: crimson;">SEQ
                        78</span>)
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <!-- ============== FOOTNOTES ============================== -->

    <div class="FOOTNOTES">
        EXXON<sup>1</sup> This was originally the fictional ad for
        &ldquo;Colt 45&rdquo; on the original FOX broadcast, but
        has been replaced with &ldquo;The Exxxon Family&rdquo; on
        DVD and in syndication, FX, FXX, BET, and Centric. 

        <p>CAKE<sup>2</sup> 25th Episode &ldquo;cake
        incident&rdquo; where David Alan Grier runs his finger
        through the cake and is subsequently caught and dumped,
        fanny-first, on top of the adulterated cake.</p>

        <p>ADLIBBED<sup>3</sup> All versions &mdash; including DVD
        prints and reruns on FX, FXX, BET, and Centric &mdash; edit
        out adlibbed lines implying that Richard Gere and Carl
        Lewis are homosexuals.</p>

        <p>THE AL SHARPTON<sup>4</sup> From Season 3, EPISODE 8:
        This sketch is not shown on FXX repeats or On Demand, but
        it has been replaced with &ldquo;The Al Sharpton and Louis
        Farrakhan Comedy Hour: Haunted House.&rdquo;</p>

        <p>ARCHIE BUNKER<sup>5</sup> Would later become &ldquo;All
        Up in the Family&rdquo; in the fifth season.</p>

        <p>RIOTS<sup>6</sup> The FXX version inexplicably cuts out
        the beginning of Rodney King&rsquo;s song near the end
        where he mentions driving down Foothill Boulevard.</p>

        <p>FIRE MARSHALL<sup>7</sup> The FXX reruns edit out Fire
        Marshall Bill&rsquo;s line that implies he and an Arab man
        named Abdul were involved with the 1993 bombing of the
        World Trade Center.</p>

        <p>COPS<sup>8</sup> Parody of COPS. Coincidentally,
        Saturday Night Live had a similar sketch on the season 19
        episode hosted by Martin Lawrence.</p>
    </div>
</body>
</html>

C’mon, Semi. You HAVE NOT tried using the classname.

OK, you’re changing helpers, so I must not be singing your tune, but you haven’t said why and you apparently haven’t tried my recommendation.

What’s the problem, semi?

Why are you declaring ANYTHING inline???

You know RP . . . I give up.

There is something/s missing from your issue that has not been expressed clearly enough for us to understand between us.

What is it that we aren’t understanding?

Why do you not use the classname or even talk about it?

Why are you bitching about inline declarations while we are telling you how to avoid them?

semi, do you know how to look up CSS properties to see if you are using a real property or one that you made up?

.C-SEQ {
text align: right;

http://www.w3schools.com/cssref/default.asp
Look for the text properties in the left scrolling column and click the one you want.

.C-SEQ {
text-align: right;

I’ll let someone else speak for me:

He posts I have to repeat the align or class parameter on every <tr> tag,
and goes on to summarize the net effect of such inefficiency:

If there are 1000 rows, I have to put align=‘right’ or class=‘right-align-class’ 1000 times.

What he’s asking is what I’m asking.

In response to the other issues you raised, yes, I am indeed ignorant where CSS is concerned. True, I don’t know what I’m talking about most of the time. Have I not properly created a class which I call .C-SEQ (and 4 others to handle each column)? Then please explain to me why not only does my coding validate, with the exception of my one complaint — that I had to spend some time with DW to get those 2 columns text-align: right invoked manually — I think the output looks great! If I had to do this for a huge project I confess I would be royally pissed off, although I suppose I could create a macro but still . . .

Like Palani, I showed up here to ask for a CSS method to apply text-align: right; to two of my columns without having to add them outside of CSS — manually, as inline code. If I understood the Solution awarded it is No, it can’t be done within the CSS alone. Well that settles that!

semicolon, believe me, I know how frustrating it can be while trying to get things right.

I have lost count of how many times I have spent literally up to hours wresting with a problem.
Sometimes it’s because I’m trying something new and don’t really have any idea what I;m doing so I just keep trying different things in different ways.
Sometimes it’s because I’m stuck in a d’uh rut and doing something wrong that I should know better than to do.
Other times it’s a simple typo that eluded my notice.

Anyway
Deprecated tag attributes can “work”, but you can never know for what browsers or for how long they will work. IMHO it’s best to not use them especially while writibng new code.
Inline styles (and inline JavaScript) can “work”, but they can make troubleshooting and maintaining code a real nightmare.

I usually work in “steps”. i.e.
I start with the barest minimum of code and test it - fix if broken - if OK, I add more, rinse repeat.

1 Like

It’s all about having good HTML structure and using the correct selectors and the correct rules.

Not always so easy, I know.

I added this to the bottom of your <style> code (outline added to aid visibility)

/* every first column - SEQ */
table tr th:first-of-type, 
table tr td:first-of-type { 
 text-align: right;   
 outline: 3px solid #F00;
} 
/* every fourth column - EPS */
table tr th:nth-of-type(4), 
table tr td:nth-of-type(4) { 
 text-align: right;   
 outline: 3px solid #0F0;
} 

And for one cell picked at random (I couldn’t use “of type” to target the table, because unlike the others that have <body> as the parent. its wrapped in a <div>) I added

/* one special cell only */
div table tr:nth-of-type(2) td:nth-of-type(3) {
 font-family: Webdings;
 font-size: 1.5em;
 outline: 3px solid #00F;
} 

2 Likes

When I read that SO thread I see the awarded solution recommends exactly the same as as you got here:

To answer your question directly: no. There is no more
simple way to get a consistent look and feel across all modern
browsers, without repeating the class on the column. (Although, see below re: nth-child.)

But that answer from 2009 is outdated when it states the “nth-child” isn’t suppported:

The CSS3 pseudo-selector, nth-child, would be perfect for this – and
much more efficient – but it is impractical for use on the actual web
as it exists today. It is not supported by several major modern browsers, including all IE’s from 6-8.

I’m lucky you provided that SO link so I could prove you’re yet wrong not trying @ronpat and @Mittineague advices.