[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Можно ли распределить стили по столбцам таблицы?
Владимир55
В таблице много строк и приходится для каждой из них задавать отдельно ее ширину. Например, так:
<tr>
<td
style="width:150px" >1</td>
<td
style="width:250px">2</td>
<td
style="width:350px">3</td>
</tr>
Ну, или можно определить три класса - один для левого столбца, второй для среднего и третий для правого:
<tr>
<
td class="as1" >1</td>
<
td class="as2">2</td>
<
td class="as3">3</td>
</
tr>
И то, и другое для длинных таблиц довольно муторно.

А можно ли задать классы для td как-нибудь так, чтобы в сам тег td ничего не вписывать, но браузер понимал, к какому стобцу что относится?
McLotos
Не нужно так извращаться. есть вариант намного проще.

_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки
Владимир55
Что же это за вариант?
McLotos
http://jsfiddle.net/34bz8/
table{width:100%;}
tr:nth-child(odd){background-color:#c0c0c0;}
tr:nth-child(even){background-color:#000000;}
td{border:1px solid rgba(255,0,0,1);}
td:first-child{width:150px;color:lime;}
td:nth-child(2){width:250px;color:magenta;}
td:last-child{width:350px;color:blue;}

Ширина таблицы 100%
Фон каждой нечетной строки - серый
Фон каждой четной строки - черный
Бордюр всех ячеек 1рх красного цвета с 0 прозрачностью
Первый дочерний элемент (ячейка в строке) ширина 150рх и цвет текста лайм
Второй дочерний элемент ширина 250рх и цвет розовый
Третий дочерний элемент ширина 350рх и цвет текста синий

Только тут есть 1 прикол:
Правило (ШИРИНА ТАБЛИЦЫ 100%) конфликтует с правилом ячеек, т.е. либо количество ячеек должно быть другим, либо размеры ячеек должны тоже выставляться в %

_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки
McLotos
можно ещё что-то такое добавить, будет вообще прикольно
td:hover{background-color:white;color:black;}


_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки
Владимир55
Спасибо, вот это и нужно!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.