Comments 49
А есть какое-нибудь подобное решение для раскраски по горизонтали (т.е. строк, а не столбцов)?
Я описывал у себя в блоге. www.webmakerslounge.com/css/striped-tables/
Эмм… Стили к tr?
Есть. Tr можно группировать в tbody, которых в одной таблице может быть несколько.
Хм, во многих мануалах о colgroup не слова. Спасибо за информацию. В дальнейшем буду умнее)
Тут на хабре был просто шоколадный пост про таблицы. щас линк найду.
Да, кстати. Неплохая информация по разметке таблиц. Но про стили там нет.
thank you very much)
thank you very much)
в рот мне ноги — опять цитируют :)
И новый Хабр опять поломал разметку… Я вот не представляю, как почти сотню своих статей пересмотреть и переформатировать под очередные требования Хабра. Наверное, стоит все же вынестись на свой отдельный технический блог…
И новый Хабр опять поломал разметку… Я вот не представляю, как почти сотню своих статей пересмотреть и переформатировать под очередные требования Хабра. Наверное, стоит все же вынестись на свой отдельный технический блог…
Век живи, век учись.
Знатоки кроссбраузерного CSS, подскажите:
как с помощью colgroup задать не только цвет фона столбца, но и, например, центрирование содержимого?
Если в col.alt прописать text-align: center; — это работает в IE, но не работает в FF. Для совместимости с последним мне пока приходится задавать класс для каждой ячейки td в нужном столбце(
как с помощью colgroup задать не только цвет фона столбца, но и, например, центрирование содержимого?
Если в col.alt прописать text-align: center; — это работает в IE, но не работает в FF. Для совместимости с последним мне пока приходится задавать класс для каждой ячейки td в нужном столбце(
colgroup и col позволяет употреблять только очень ограниченный набор стилевых правил — фон, цвет шрифта, что-то ещё, кажется. сделать текст жирным, например, у вас не получится. про text-align гарантированно не скажу, но, видимо, он тоже не срабатывает
Точно, список поддерживаемых стилевых правил невелик. Вот он.
Скорее это ограничение не col и colgroup, а недостаточна поддержка браузерами.
Собственно, эти два тега — одни из наиболее сильно страдающих от недостаточной поддержки браузерами. Хуже всего дело обстоит в Firefox.
По схожей причине — слишком большие расхождения в рендеринге — в настоящее время сильно ограничено применение тега caption.
Собственно, эти два тега — одни из наиболее сильно страдающих от недостаточной поддержки браузерами. Хуже всего дело обстоит в Firefox.
По схожей причине — слишком большие расхождения в рендеринге — в настоящее время сильно ограничено применение тега caption.
Ан нет, оказывается по стандарту такая ограниченная функциональность и должна быть, а в MS самовольно добавили поддержку text-align. Что на самом деле очень удобно при составлении больших таблиц с данными. Жаль, что в w3c думают не настолько широко.
Там проблема гораздо глубже. Это один из фундаментальных недостатков CSS, который пока не разрешён.
Заключается в том, что свойства элементов наследуются. То есть если мы пишем em внутри h1, то шрифт, цвет, размер и т.д. em получает от h1.
Colgroups этот принцип нарушает. При этом все понимают, что существующее (правильное) решение не совсем удобно. Вот, может быть в CSS3 разберуться окончательно с этим вопросом.
Заключается в том, что свойства элементов наследуются. То есть если мы пишем em внутри h1, то шрифт, цвет, размер и т.д. em получает от h1.
Colgroups этот принцип нарушает. При этом все понимают, что существующее (правильное) решение не совсем удобно. Вот, может быть в CSS3 разберуться окончательно с этим вопросом.
Впервые встречаю данное решение. Видимо, действительно, в редких мануалах об этом упоминается. Спасибо за инфо! Взял на заметку.
просто большинство этих «мануалов» написано неспециалистами.
Вообще лучше выделить одну недельку и вместо чтения хабра прочитать от и до Спецификацию HTML 4.01 или её перевод на русский — там очень много действительно полезной информации. Вы узнаете для себя очень много нового.
Это прекрасная систематизация знаний, которая прояснит многие ранее непонятные вещи. Уверен — большинство верстальщиков её не читали и имеют лишь практический опыт. Когда то, да — теория и практика сильно расходились. Да и приняли её только в 99 году. Но сейчас очень стоит прочесть.
Вообще лучше выделить одну недельку и вместо чтения хабра прочитать от и до Спецификацию HTML 4.01 или её перевод на русский — там очень много действительно полезной информации. Вы узнаете для себя очень много нового.
Это прекрасная систематизация знаний, которая прояснит многие ранее непонятные вещи. Уверен — большинство верстальщиков её не читали и имеют лишь практический опыт. Когда то, да — теория и практика сильно расходились. Да и приняли её только в 99 году. Но сейчас очень стоит прочесть.
Полностью поддерживаю, с той лишь разницей, что я бы не стал всю спецификацию сразу читать, а делал бы это подходами, разбивая информацию на ключевые блоки.
> Уверен — большинство верстальщиков её не читали и имеют лишь практический опыт.
Я один из таких. Ранее пытался начать читать данную спецификацию, но ее объемы испугали, поэтому органичился лишь мануалами, которые, как мы видим, много не расскрывают, однако, которые написаны более простым к усвоению языком.
Я один из таких. Ранее пытался начать читать данную спецификацию, но ее объемы испугали, поэтому органичился лишь мануалами, которые, как мы видим, много не расскрывают, однако, которые написаны более простым к усвоению языком.
Согласен. Правда лично я прочитал книгу Мейера, что было поинтереснее чем читать сухое изложение спецификации. Оттуда же узнал про colgroup и col для таблиц.
Что такое col, colgroup и чем они полезны — нужно при приеме верстальщика на работу спрашивать (впрочем, как заметили выше и про спецификацию тоже).
Хороших верстальщиков — дефицит.
Статью плюсую, конечно.
Хороших верстальщиков — дефицит.
Статью плюсую, конечно.
hasLayout — более важная вещь, чем colgroup, а о ней почти ничего не знают.
Хотя, видимо, года через 2 это станет уже почти не актуально.
Хотя, видимо, года через 2 это станет уже почти не актуально.
Ну а пока технического блога нет — опять процитируем :) habrahabr.ru/blogs/webdev/31236/
Угу.
А еще есть «проффесиональные верстальщики», которые не слышали о conditional comments. И «почему в IE png другого цвета». И т.д. и т.п.
Эх… :)
А еще есть «проффесиональные верстальщики», которые не слышали о conditional comments. И «почему в IE png другого цвета». И т.д. и т.п.
Эх… :)
Я бы ещё полезный аттрибут span добавил. Больше я его не встречал нигде.
Боюсь, что text-align не будет работать в firefox, для этого я использую css правило:
.ff_tbl_fix tr td+td+td{text-align: right} теперь все столбцы начиная с третьего будут иметь стиль text-align: right
.ff_tbl_fix tr td+td+td{text-align: right} теперь все столбцы начиная с третьего будут иметь стиль text-align: right
table {
…
border-collapse: collapse;
}
th, td {
…
border-spacing: 1em;
}
border-spacing здесь не нужен, он проигнорируется
Sign up to leave a comment.
Соломоновы столбцы