Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 10.02.2012, 12:49   #1
 
Аватар для freakos
 
Сообщений: 66
FR (активность): 6,504

Доп. информация
По умолчанию Автор темы Бордеры в таблице

Нюбский вопрос!
Имеется таблица:

серые бордеры только горизонтальные, требуется еще вертикальные чтобы были.

html код таблицы:
Оффтоп:
<table class="data-table" id="product-attribute-specs-table"><colgroup><col width="33%" /> <col /> </colgroup>
<tbody>
<tr><th>ТЕКСТ</th>
<td>ТЕКСТ</td>
</tr>
<tr><th class="label">ТЕКСТ</th>
<td>ТЕКСТ</td>
</tr>
<tr><th class="label">ТЕКСТ</th>
<td>ТЕКСТ</td>
</tr>
</tbody>
</table>


css:
Оффтоп:
/* Data Table */
.data-table { width:100%;}
.data-table tr.odd { background:#fff;}
.data-table tr.even { background:#fff;}
.data-table tr.last th,
.data-table tr.last td { border="2";}
.data-table th { padding:2px 8px; font-size:10px; text-transform:uppercase; white-space:nowrap;}
.data-table th.wrap { white-space:normal;}
.data-table th a { color:#fff;}
.data-table td {
padding-top: 10px;
padding-right: 8px;
padding-bottom: 10px;
padding-left: 8px;
}

.data-table thead,
.data-table thead tr { background:#e9e9e9;}

.data-table tfoot { border-bottom:1px solid #d9dde3;}
.data-table tfoot tr { background-color:#f3f3f3 !important;}
.data-table tbody th {
padding:3px 8px;
font-size:14px;
color: #004B84;
font-weight:bold;
text-transform:none;
white-space:normal;
vertical-align: middle;
}
.data-table tbody th,
.data-table tbody td {
border-bottom:1px solid #d9dde3;
font-size: 14px;
color: #004B84;
}
.data-table tfoot strong { font-size:14px;}
/* Bundle products tables */
.data-table tbody.odd tr { background:#fff; }
.data-table tbody.even tr { background:#fcfcfc; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }

.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }


Где в css прописать бордер?
freakos вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 10.02.2012, 14:23   #2
 
Аватар для Емпо
 
Сообщений: 8
FR (активность): 0

Доп. информация
По умолчанию

.data-table { width:100%; border:1px solid #d9dde3;}
Емпо вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 10.02.2012, 14:50   #3
 
Аватар для freakos
 
Сообщений: 66
FR (активность): 6,504

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от Емпо Посмотреть сообщение
.data-table { width:100%; border:1px solid #d9dde3;}
Спасибо!
freakos вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Метки
создание таблицы, таблица

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 3885 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Текущее время: 19:49. Часовой пояс GMT +3.