HTML and CSS programming

Question

I am working with the following code:

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <style type="text/css">
    td.one
    {
      align="center";
      colspan="3";
      bgcolor="lightgrey";
      style="font-size:15px;font-weight:bold;"
    }
  </style>
</head>

<body>
  <table border="1" cellspacing="1" cellpadding="1" width="100%">
   <tr>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td class="one">Session 1</td>
     <td class="one">Session 1</td>
   </tr>
</body>

This CSS is not working for me. I want to make classes so different <td> elements will have different appearances.

HTML and CSS are not programming languages =)

Andy Ford
– Andy Ford

2009-05-07 19:39:03 +00:00
Commented May 7, 2009 at 19:39 — Andy Ford
– Andy Ford, Commented May 7, 2009 at 19:39

RichieHindle · Accepted Answer · 2009-05-07 17:17:04Z

11

You're using HTML attribute names and syntax in your stylesheet, whereas you need to be using CSS names and syntax:

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css">
            td.one
            {
                text-align: center;
                /* There's no way to do colspan="3" in CSS */
                background-color: lightgrey;
                font-size: 15px;
                font-weight:bold;
            }
        </style>
    </head>

<body>
  <table border="1" cellspacing="1" cellpadding="1" width="100%">
   <tr>
     <td> </td>
     <td> </td>
     <td class="one">Session 1</td>
     <td class="one">Session 1</td>
   </tr>
</body>

answered May 7, 2009 at 17:17

RichieHindle

283k49 gold badges367 silver badges408 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tyler Rash Over a year ago

The colspan can of course be set in the HTML: <td class="one" colspan="3">

Dan Lew · Accepted Answer · 2009-05-07 17:16:01Z

2

There's two things wrong with your current code. First, you're trying to set attributes of td with CSS, which isn't possible - you can only change styles. You have to set the align, colspan and bgcolor attributes inline (though there are CSS equivalents of some of these).

Second, the syntax is incorrect for your CSS rules. It should look like this:

td.one
{
    font-size: 15px;
    font-weight: bold;
}

answered May 7, 2009 at 17:16

Dan Lew

87.7k33 gold badges184 silver badges177 bronze badges

Comments

Serapth · Accepted Answer · 2009-05-07 17:17:27Z

-2

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
        td.one
        {
            text-align:"Center";
            background-color:Gray;
            font-size:15px;
            font-weight:bold;
        }
    </style>
</head>

<body>
  <table border="1" cellspacing="1" cellpadding="1" width="100%">
   <tr>
     <td> </td>
     <td> </td>
     <td class="one" colspan="3">Session 1</td>
     <td class="one">Session 1</td>
   </tr>
</body>

answered May 7, 2009 at 17:17

Serapth

7,1824 gold badges33 silver badges39 bronze badges

Collectives™ on Stack Overflow

HTML and CSS programming

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related