Question

Is it possible to overwrite the HTML property width of a table without using CSS classes in CSS?

I tried something like this without any luck:

<table cellpadding="0" cellspacing="0" width="180">
    <tbody>
        <tr>
            <td bgcolor="#f0f0f0">
                <img style="display:block;" border="0" src="menu_up.jpg" alt=" " width="20" height="64">
            </td>
         </tr>
    </tbody>
</table>

CSS:

@media only screen and (max-device-width: 480px) {

    td[width=180] {
        width: 100px !important;
    }

}

Any ideas?

Help much appreciated.

Answer 1

Yes, this is possible. You just need to select the table and not the td and you should put the value of the width attribute in quotes (just tried it out).

table[width="180"] {
    width: 100px !important;
}