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