Table class not working in css / html

Question

Trying to add a table into the footer of a webpage, and this specific table needs to be 100% wide, black background. Have coded the css and html as below, and doesn't seem to recognise it at all. Anyone know where I'm going wrong?

table.sign {
    width:100%; 
    background-color: rgba(0,0,0,0.6);
    align:center;
    border: none;
    padding: none;
}

<table class="sign">
  <tr>
    <td>
      <b>Content will go here.</b>
    </td>
  </tr>
</table>

seems like it works fine. align isn't a valid css property though. — Michael Coker
– Michael Coker, Commented Jun 7, 2017 at 17:35
I made a fiddle and it works fine although @Michael Coker is right. I'm guessing you want to use text-align: center; ? — Belder
– Belder, Commented Jun 7, 2017 at 17:38
Also, the padding property is wrong; none is not a valid value. And it won't do what you want, since a table has 0 padding to begin with. You probably wanted to assign it to table.sign td instead. — Mr Lister
– Mr Lister, Commented Jun 7, 2017 at 17:39
@Samuel Oh, maybe a cached version of the old stylesheet. If that happens, just clear the cache and try again. — Mr Lister
– Mr Lister, Commented Jun 7, 2017 at 17:42

Vinagy · Accepted Answer · 2017-06-08 05:07:47Z

1

Try using text-align: center; on the td instead of the table

table.sign {
    width:100%; 
    background-color: rgba(0,0,0,0.6);
    border: none;
    padding: 0;
}
td {
    text-align: center;
}

edited Jun 8, 2017 at 5:07

answered Jun 7, 2017 at 17:40

Vinagy

1593 silver badges12 bronze badges

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

2 Comments

Jayakrishnan Over a year ago

padding: none; not a valid property . You should change it to padding:0; also text-align should be set for td not on table tag

Vinagy Over a year ago

Edited to reflect your comment @Jayakrishnan

Collectives™ on Stack Overflow

Table class not working in css / html

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related