Выравнивание заголовка вложенной таблицы

#html #css #css-tables

#HTML #css #css-таблицы

Вопрос:

http://egbsystem.net/innosol/prototype/grid_test_pay.html

Просто посмотрите на ссылку выше и проверьте заголовок вложенной таблицы и заголовок основной таблицы. которые не выровнены должным образом. Мне нужно выровнять ту же высоту, что и высота заголовка основной таблицы.

Пожалуйста, помогите мне.

1. Если вы не собираетесь гарантировать, что предоставленная ссылка останется активной навсегда (что маловероятно, поскольку она называется «тест»), это не должно быть основой вашего вопроса.

2. @KirkBroadhurst- извините. будет активен в ближайшее время

3. Ссылка не активна и никому не помогает.

Ответ №1:

Вы можете удалить

 height: 50px

из HTML

Также удалите отступы из следующих классов в css:

 #paygrid th {
    padding: 6px; /* remove this line */
    border: 0;
}
#paygridaMain th {
    padding: 2px; /* and this line */
    margin: 0;
}

Проблема в том, что идентификаторы (#) гораздо более конкретны, чем классы.

Вам также нужно будет разобраться с границами вложенной таблицы. Либо удалите внешние границы, либо удалите границы ячейки, в которую она вложена, иначе у вас будет то, что кажется границей 2px.

1. @craciun — я удалил отступы, но та же проблема. Я ставлю только cellspacing. Нет границы.

2. вы удалили всю строку или заменили ее на «заполнение: 0»?

3. помните, что вам также необходимо удалить все стили из HTML. (больше нет style=»padding: 0″ или style=»height = 50px» ни для одного из элементов)

4. Если я удалю заполнение: 0, пояс был свернут.

Ответ №2:

Я нигде не вижу заголовков таблиц, поэтому я предполагаю, что вы имеете в виду заголовки таблиц.

Вы применяете height:50px; прямое встроенное выравнивание к заголовкам вложенных таблиц; но в заголовках основной таблицы высота не задана.

Вам просто нужно применить это к заголовкам основной таблицы. Вы можете сделать это с помощью:

 #paygridaMain th{height:50px;}

Который, кстати, позволяет вам удалять (как избыточные) встроенные объявления height:50px; для каждого из <th> элементов во вложенной таблице.