css для таблички

12
V
На сайте с 28.09.2012
Offline
75
1042

подскажите пожалуйста как сделать вот такую полосатую табличку

и как можно сделать обводку таблици только сверху и снизу

C
На сайте с 04.02.2005
Offline
291
#1

1. :nth-child

2. table{

border-top

border-bottom

O
На сайте с 29.05.2008
Offline
195
#2

border-top + position: relative; top: -размер border;.

R
На сайте с 27.04.2010
Offline
29
#3

Стиль таблички-зебры

/* Tables */

table {
border-collapse : collapse;
text-align:left;
margin : 0 0 20px 0;
width : 100%;
}
tr:nth-child(odd) {
background : #FFF;
}
tr:nth-child(even) {
background : #DDD;
}
tr:hover td {
background : #0099CC;
color : #FFF;
}
td, th {

padding : 0 5px;
vertical-align:top;
}
th {
background : #FFF;
border-bottom : 2px solid #0099CC;
color : #666;
font-size : 14px;
font-weight : bold;
}
td {
border-bottom : 1px solid #CCC;
font-size : 12px;
}
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#4

nth-child не поддерживается в древних IE

[Удален]
#5

куды уж проще... ))

<tr><td>бла-бла</td><td>бла-бла</td></tr>

<tr class="сиреневенький"><td>бла-бла</td><td>бла-бла</td></tr>

<tr><td>бла-бла</td><td>бла-бла</td></tr>

<tr class="сиреневенький"><td>бла-бла</td><td>бла-бла</td></tr>

. сиреневенький {background : сиреневенький}

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#6
Pavel_:
куды уж проще... ))

<tr><td>бла-бла</td><td>бла-бла</td></tr>
<tr class="сиреневенький"><td>бла-бла</td><td>бла-бла</td></tr>
<tr><td>бла-бла</td><td>бла-бла</td></tr>
<tr class="сиреневенький"><td>бла-бла</td><td>бла-бла</td></tr>

. сиреневенький {background : сиреневенький}

А если таблиц 100500 штук?

RO
На сайте с 13.07.2009
Offline
88
#7
Алексей Барыкин:
А если таблиц 100500 штук?

это каким же извращенном нужно быть, чтобы вручную писать 100500 таблиц 😕

<table>

<?php
for($i=0;$i<100500;$i++){
?><tr <?=$i%2==0?'class="сиреневенький"':''?>><td>бла-бла</td><td>бла-бла</td></tr><?
}
?>
</table>
C
На сайте с 04.02.2005
Offline
291
#8

Одно дело, когда таблица формируется программно (например, вывод технических характеристик, которые принадлежат различным продуктам, и эти характеристики поддаются сериализации)

тогда проще (ли?) добавлять нужный класс.

И другое вывод таблиц, техн.характеристик, когда - характеристики не структурированы. Здесь удобно использовать псевдо класс, или , как универсальный метод, js-скрипт

samimages
На сайте с 31.05.2009
Offline
427
#9
RedOK:
это каким же извращенном нужно быть, чтобы вручную писать 100500 таблиц 😕
<table>

<?php
for($i=0;$i<100500;$i++){
?><tr <?=$i%2==0?'class="сиреневенький"':''?>><td>бла-бла</td><td>бла-бла</td></tr><?
}
?>
</table>

Примерно таким же, как трижды стартовать интерпритатор на представленом участке кода😂😂😂

Опыт как иммунитет — приобретается в муках! Аудит семантики от 15К [долго] - ЛС
[Удален]
#10
Алексей Барыкин:
А если таблиц 100500 штук?

Тут ещё всё более тупо до безобразия - рисуете полосатый фон таблице...

две полоски + repeat

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий