Pull to refresh

Comments 49

А есть какое-нибудь подобное решение для раскраски по горизонтали (т.е. строк, а не столбцов)?
Я имел в виду такого же плана решение, чтобы не прописывать классы к нескольким сотням tr'ов
«Чистое» решение есть в CSS3, но к сожалению для промышленной верстки оно пока неприменимо. Так что пока пользуемся «костылями» или server-side решениями.
Или ждать селекторы в CSS3 (odd/even).
Неизвестно, как они будут кушать rowspan-ы…
Не совсем. Класс для tr, а вот стили уже для td внутри класса.
Есть. Tr можно группировать в tbody, которых в одной таблице может быть несколько.
Хм, во многих мануалах о colgroup не слова. Спасибо за информацию. В дальнейшем буду умнее)
Тут на хабре был просто шоколадный пост про таблицы. щас линк найду.
Да, кстати. Неплохая информация по разметке таблиц. Но про стили там нет.
Да, правда Ваша («твоя»?). Просто очень много того, чего почти никто не знает :)
Можно на «ты» :)

Скажем так, не то что никто не знает, а то, чего специально не интересующийся не знает ;)
Я думаю если заинтересуюсь, я в таком количестве эту инфу найду только в спецификации.
в рот мне ноги — опять цитируют :)
И новый Хабр опять поломал разметку… Я вот не представляю, как почти сотню своих статей пересмотреть и переформатировать под очередные требования Хабра. Наверное, стоит все же вынестись на свой отдельный технический блог…
а с ним что-то не так?
просто on having layout как-то не в тему туда переносить…
Все так :) Можно в Статьях подраздел создать :)
там и так уже подразделов — выше крыши — уже 60 статей по оптимизации…
UFO just landed and posted this here
Знатоки кроссбраузерного CSS, подскажите:

как с помощью colgroup задать не только цвет фона столбца, но и, например, центрирование содержимого?
Если в col.alt прописать text-align: center; — это работает в IE, но не работает в FF. Для совместимости с последним мне пока приходится задавать класс для каждой ячейки td в нужном столбце(
colgroup и col позволяет употреблять только очень ограниченный набор стилевых правил — фон, цвет шрифта, что-то ещё, кажется. сделать текст жирным, например, у вас не получится. про text-align гарантированно не скажу, но, видимо, он тоже не срабатывает
Точно, список поддерживаемых стилевых правил невелик. Вот он.
Да, к великому сожалению.

А вот ослик, как ни странно, поддерживает любой стиль и любой атрибут. Я когда-то давно был очень разочарован, что работает эта замечательная фишка только в IE.

Вообще, сложно понять разработчиков стандарта, зачем нужно было так ограничивать?
Скорее это ограничение не col и colgroup, а недостаточна поддержка браузерами.

Собственно, эти два тега — одни из наиболее сильно страдающих от недостаточной поддержки браузерами. Хуже всего дело обстоит в Firefox.

По схожей причине — слишком большие расхождения в рендеринге — в настоящее время сильно ограничено применение тега caption.
Ан нет, оказывается по стандарту такая ограниченная функциональность и должна быть, а в MS самовольно добавили поддержку text-align. Что на самом деле очень удобно при составлении больших таблиц с данными. Жаль, что в w3c думают не настолько широко.
Там проблема гораздо глубже. Это один из фундаментальных недостатков CSS, который пока не разрешён.

Заключается в том, что свойства элементов наследуются. То есть если мы пишем em внутри h1, то шрифт, цвет, размер и т.д. em получает от h1.

Colgroups этот принцип нарушает. При этом все понимают, что существующее (правильное) решение не совсем удобно. Вот, может быть в CSS3 разберуться окончательно с этим вопросом.
Впервые встречаю данное решение. Видимо, действительно, в редких мануалах об этом упоминается. Спасибо за инфо! Взял на заметку.
просто большинство этих «мануалов» написано неспециалистами.

Вообще лучше выделить одну недельку и вместо чтения хабра прочитать от и до Спецификацию HTML 4.01 или её перевод на русский — там очень много действительно полезной информации. Вы узнаете для себя очень много нового.

Это прекрасная систематизация знаний, которая прояснит многие ранее непонятные вещи. Уверен — большинство верстальщиков её не читали и имеют лишь практический опыт. Когда то, да — теория и практика сильно расходились. Да и приняли её только в 99 году. Но сейчас очень стоит прочесть.
Полностью поддерживаю, с той лишь разницей, что я бы не стал всю спецификацию сразу читать, а делал бы это подходами, разбивая информацию на ключевые блоки.
> Уверен — большинство верстальщиков её не читали и имеют лишь практический опыт.

Я один из таких. Ранее пытался начать читать данную спецификацию, но ее объемы испугали, поэтому органичился лишь мануалами, которые, как мы видим, много не расскрывают, однако, которые написаны более простым к усвоению языком.
Согласен. Правда лично я прочитал книгу Мейера, что было поинтереснее чем читать сухое изложение спецификации. Оттуда же узнал про colgroup и col для таблиц.
Что такое col, colgroup и чем они полезны — нужно при приеме верстальщика на работу спрашивать (впрочем, как заметили выше и про спецификацию тоже).
Хороших верстальщиков — дефицит.

Статью плюсую, конечно.
hasLayout — более важная вещь, чем colgroup, а о ней почти ничего не знают.
Хотя, видимо, года через 2 это станет уже почти не актуально.
Угу.
А еще есть «проффесиональные верстальщики», которые не слышали о conditional comments. И «почему в IE png другого цвета». И т.д. и т.п.
Эх… :)
Я бы ещё полезный аттрибут span добавил. Больше я его не встречал нигде.
Я тольком не потестировал его, решил не писать про него, так как похоже там проблемы с кроссбраузерностью.
Боюсь, что text-align не будет работать в firefox, для этого я использую css правило:
.ff_tbl_fix tr td+td+td{text-align: right} теперь все столбцы начиная с третьего будут иметь стиль text-align: right
UFO just landed and posted this here
table {

border-collapse: collapse;
}

th, td {

border-spacing: 1em;
}


border-spacing здесь не нужен, он проигнорируется
Sign up to leave a comment.

Articles