Почему не отрабатываются атрибуты таблицы?

Question

[Алексей]

<table width="100%" cellspacing="0" cellpadding="4" border="1">
   <tr>
    <td width="500">Левая колонка</td><td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
   </tr>
  </table>

Проверяю - все нормально.
codepen.io/selftrips/pen/gmqZLW
вставляю на страницу - не отрабатывает((
test.selftrips.ru/?p=288

Answer 1

[Александр]

стили перекрываются style.css:868

Comments

[Алексей]

Как самым простым образом сделать чтобы не перекрывались?

[Александр]

Алексей: удалить их из файла, или прописать их другим способом.
Есть еще один способ, но он не пользуется популярностью, писать локальные стили
заменить вот это width="100%" cellspacing="0" cellpadding="4" border="1" на style="width:100%;border:1px solid #000"
Вообще конечно, нужно делать это в css файле, прописать например классы для таблицы, и оформлять по разному разные таблицы.

[ZaxapKramer]

Алексей, использовать !important

[Алексей]

ZaxapKramer: пробовал не помогает

[Александр]

ZaxapKramer: для какого из атрибута? width="100%" cellspacing="0" cellpadding="4" border="1"
не вводите человека в заблуждение, и не нужно использовать !important, это только самый крайний способ, и то для других ситуаций

[Алексей]

width="100%!important"

[Алексей]

lebonnet:

<table style="width:100%!important,border:1px solid #000">
   <tr>
    <td width="500">Левая колонка</td><td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
   </tr>
  </table>

при проверке работает на странице нет.

[Александр]

Алексей: !important убрать, зпт заменить на ; я опечатался

width:100%;border:1px solid #000;

[Алексей]

lebonnet:

<table style="width:100%;border:1px solid #000">
   <tr>
    <td style="width:500px">Левая колонка</td><td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
     <td>Правая колонка</td>
   </tr>
  </table>

рамка появилась, ширина не изменилась!

[Александр]

Алексей: Левая колонка не может быть 500px, потому что другие колонки не влезут, в общем учите азы html и css