Соломоновы столбцы

[Mexos]

А есть какое-нибудь подобное решение для раскраски по горизонтали (т.е. строк, а не столбцов)?

[CurlyBrace]

Я описывал у себя в блоге. www.webmakerslounge.com/css/striped-tables/

[Mexos]

Я имел в виду такого же плана решение, чтобы не прописывать классы к нескольким сотням tr'ов

[CurlyBrace]

«Чистое» решение есть в CSS3, но к сожалению для промышленной верстки оно пока неприменимо. Так что пока пользуемся «костылями» или server-side решениями.

[Devgru]

Эмм… Стили к tr?

[Devgru]

Или ждать селекторы в CSS3 (odd/even).

[caIIIa]

Неизвестно, как они будут кушать rowspan-ы…

[CurlyBrace]

Не совсем. Класс для tr, а вот стили уже для td внутри класса.

[platosha]

Есть. Tr можно группировать в tbody, которых в одной таблице может быть несколько.

[Abrikos]

Хм, во многих мануалах о colgroup не слова. Спасибо за информацию. В дальнейшем буду умнее)

[Devgru]

Тут на хабре был просто шоколадный пост про таблицы. щас линк найду.

[Devgru]

И пусть весь мир подождёт…

[CurlyBrace]

Да, кстати. Неплохая информация по разметке таблиц. Но про стили там нет.

[Devgru]

Да, правда Ваша («твоя»?). Просто очень много того, чего почти никто не знает :)

[CurlyBrace]

Можно на «ты» :)

Скажем так, не то что никто не знает, а то, чего специально не интересующийся не знает ;)

[Devgru]

Я думаю если заинтересуюсь, я в таком количестве эту инфу найду только в спецификации.

[CurlyBrace]

Ну а чем плохи спеки? ))

[Devgru]

Нипанятные…

[Abrikos]

thank you very much)

[Abrikos]

thank you very much)

[sunnybear]

в рот мне ноги — опять цитируют :)
И новый Хабр опять поломал разметку… Я вот не представляю, как почти сотню своих статей пересмотреть и переформатировать под очередные требования Хабра. Наверное, стоит все же вынестись на свой отдельный технический блог…

[CurlyBrace]

Давно пора :) А что с webo.in?

[sunnybear]

а с ним что-то не так?
просто on having layout как-то не в тему туда переносить…

[CurlyBrace]

Все так :) Можно в Статьях подраздел создать :)

[sunnybear]

там и так уже подразделов — выше крыши — уже 60 статей по оптимизации…

[Devgru]

хм, и тут алигн…

[RJD2]

Век живи, век учись.

[PQR]

Знатоки кроссбраузерного CSS, подскажите:

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

[n1313]

colgroup и col позволяет употреблять только очень ограниченный набор стилевых правил — фон, цвет шрифта, что-то ещё, кажется. сделать текст жирным, например, у вас не получится. про text-align гарантированно не скажу, но, видимо, он тоже не срабатывает

[CurlyBrace]

Точно, список поддерживаемых стилевых правил невелик. Вот он.

[davojan]

Да, к великому сожалению.

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

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

[404]

Скорее это ограничение не col и colgroup, а недостаточна поддержка браузерами.

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

По схожей причине — слишком большие расхождения в рендеринге — в настоящее время сильно ограничено применение тега caption.

[404]

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

[markshevchenko]

Там проблема гораздо глубже. Это один из фундаментальных недостатков CSS, который пока не разрешён.

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

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

[Dimox]

Впервые встречаю данное решение. Видимо, действительно, в редких мануалах об этом упоминается. Спасибо за инфо! Взял на заметку.

[Delka]

просто большинство этих «мануалов» написано неспециалистами.

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

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

[CurlyBrace]

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

[Dimox]

> Уверен — большинство верстальщиков её не читали и имеют лишь практический опыт.

Я один из таких. Ранее пытался начать читать данную спецификацию, но ее объемы испугали, поэтому органичился лишь мануалами, которые, как мы видим, много не расскрывают, однако, которые написаны более простым к усвоению языком.

[GruZZ]

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

[Sir_Michael]

Что такое col, colgroup и чем они полезны — нужно при приеме верстальщика на работу спрашивать (впрочем, как заметили выше и про спецификацию тоже).
Хороших верстальщиков — дефицит.

Статью плюсую, конечно.

[sunnybear]

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

[CurlyBrace]

Ну а пока технического блога нет — опять процитируем :) habrahabr.ru/blogs/webdev/31236/

[Sir_Michael]

Угу.
А еще есть «проффесиональные верстальщики», которые не слышали о conditional comments. И «почему в IE png другого цвета». И т.д. и т.п.
Эх… :)

[prolis]

Я бы ещё полезный аттрибут span добавил. Больше я его не встречал нигде.

[CurlyBrace]

Я тольком не потестировал его, решил не писать про него, так как похоже там проблемы с кроссбраузерностью.

[senyai]

Боюсь, что text-align не будет работать в firefox, для этого я использую css правило:
.ff_tbl_fix tr td+td+td{text-align: right} теперь все столбцы начиная с третьего будут иметь стиль text-align: right

[Panya]

table {
…
border-collapse: collapse;
}

th, td {
…
border-spacing: 1em;
}

border-spacing здесь не нужен, он проигнорируется