setting the width of a html table td

Question

I have the following code:

<table>
 <thead>
    <th class='1'>Date</th>
    <th class='2'>Start Time</th>
    <th class='3'>End Time </th>
    <th class='4'>Location</th>
</thead>
  <tbody>
    <td class='1'>Date</td>
    <td class='2'>Start Time</td>
    <td class='3'>End Time </td>
    <td class='4'>Location</td>
</tbody>
</table>

and the css

 table {width:550px;}
.1 {width:60px; background-color:green;}
.2 {width:90px; background-color:blue;}
.3 {width:90px; background-color:red;}
.4 {width:100px; background-color:yellow;}

Why can't I set the width? The background color isn't changing either so I must have a code error.

Try class names that start with a letter instead of a digit. — Šime Vidas, Jul 23 '12 at 18:27
You cannot have class names starting with a digit, see http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-names — Tom Walters, Jul 23 '12 at 18:27
A small follow up question: if I now would make the with of class=1 (which I now changed to 'a') to 30, which of the columns now gets the rest of the width. Does it get divied up or does it all go to the last one? — user1015214, Jul 23 '12 at 18:31

score 2 · Accepted Answer · answered Jul 23 '12 at 18:27

2

Class names cannot start with digits. Try renaming your classes to begin a letter (a-z).

JS Fiddle: http://jsfiddle.net/sDKp2/

answered Jul 23 '12 at 18:27

JSW189

6,139
11
41
71

More exactly, a class selector in CSS must not contain a class name starting with a digit. As per HTML specs, such class names are allowed (and could be used in scripting). They could even be used in conjunction with CSS, but then you need to use an attribute selector like `[class='1']` instead of class selectors like `.1` (and attribute selectors are still a little less widely supported than class selectors). – Jukka K. Korpela Jul 23 '12 at 18:39

setting the width of a html table td

1 Answers1