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
– Šime Vidas, Commented Jul 23, 2012 at 18:27
You cannot have class names starting with a digit, see stackoverflow.com/questions/448981/… — Tom Walters
– Tom Walters, Commented Jul 23, 2012 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
– user1015214, Commented Jul 23, 2012 at 18:31

JSW189 · Accepted Answer · 2012-07-23 18:27:45Z

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, 2012 at 18:27

JSW189

6,34112 gold badges47 silver badges73 bronze badges

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

1 Comment

Jukka K. Korpela Over a year ago

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).

Collectives™ on Stack Overflow

setting the width of a html table td

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related