Регистрация
Вход через соцсети
Восстановление пароля

Отмена стилей для элемента

Новый топик
04.06.2013, 14:10
Ответить | Цитировать
Михаил

Зарегистрирован:
2011-03-12
Сообщений: 45

Здравствуйте.

Ситуация следующая:
Прописаны стили которые применяются ко всем таблицам в Описании товара. Подключены они при помощи class.
т.е. так:

Код:
<? if ($f_Description) { ?><div class='catalog' style='padding:10px 0px; text-align:justify'><?= $f_Description ?><div><? } ?>

CSS
Код:
.catalog table{
border:none;
}

.catalog td{
padding:3px 10px 3px 10px; border-bottom:1px solid gray; border-left:0px; border-right:0px; border-top:0px;
}

Как сделать так чтобы к одной или нескольким таблицам в Описании эти стили не применялись?
04.06.2013, 15:26
Ответить | Цитировать
Игорь
Stark
Игорь

Зарегистрирован:
2011-11-20
Сообщений: 396

Цитата:


Как сделать так чтобы к одной или нескольким таблицам в Описании эти стили не применялись?

Присвоить всем таблицам классы.
04.06.2013, 16:18
Ответить | Цитировать
Михаил

Зарегистрирован:
2011-03-12
Сообщений: 45

Не совсем понял как это сделать.

Объясню еще раз ситуацию:

В поле Описание заносится следующая информация:
Код:
<h3 style="text-align: justify">
Сравнительная таблица</h3>
<table border="1" cellpadding="1" cellspacing="0" style="width: 100%">
<tbody>
<tr>
<td style="text-align: left">
Марка</td>
<td style="text-align: center">
ОП-2(з)</td>
<td style="text-align: center">
ОП-4(з)</td>
<td style="text-align: center">
ОП-8(з)</td>
<td style="text-align: center">
ОП-50(з)</td>
</tr>
<tr>
<td style="text-align: left">
Количество огнетушащего вещества, кг</td>
<td style="text-align: center">
2</td>
<td style="text-align: center">
4</td>
<td style="text-align: center">
8</td>
<td style="text-align: center">
49,5</td>
</tr>
<tr>
<td style="text-align: left">
Огнетушащая способность (площадь, м&sup2;)</td>
<td style="text-align: center">
1,07</td>
<td style="text-align: center">
1,75</td>
<td style="text-align: center">
4,52</td>
<td style="text-align: center">
7,32</td>
</tr>
<tr>
<td style="text-align: left">
Масса, кг</td>
<td style="text-align: center">
3,5</td>
<td style="text-align: center">
6,5</td>
<td style="text-align: center">
11</td>
<td style="text-align: center">
100</td>
</tr>
<tr>
<td style="text-align: left">
Диапазон рабочих температур, &deg;С</td>
<td colspan="4" rowspan="1" style="text-align: center">
-40 ... +50</td>
</tr>
<tr>
<td style="text-align: left">
Габариты, мм</td>
<td style="text-align: center">
120х150х330</td>
<td style="text-align: center">
150х195х515</td>
<td style="text-align: center">
180х205х610</td>
<td style="text-align: center">
1020х460х480</td>
</tr>
</tbody>
</table>
<h3 style="text-align: justify">
Классы пожара</h3>
<table align="center" border="0" cellpadding="1" cellspacing="0" style="width: 100%">
<tbody>
<tr>
<td style="text-align: center; width: 25%">
<p>
<img alt="" src="/netcat_files/userfiles/Protivopozharnye raboty/Klassy pozhara/a.jpg" style="width: 100px; height: 85px;" /></p>
<p>
Горение твердых веществ</p>
</td>
<td style="text-align: center; width: 25%">
<p>
<img alt="" src="/netcat_files/userfiles/Protivopozharnye raboty/Klassy pozhara/b.jpg" style="width: 100px; height: 85px;" /></p>
<p>
Горение жидких веществ</p>
</td>
<td style="text-align: center; width: 25%">
<p>
<img alt="" src="/netcat_files/userfiles/Protivopozharnye raboty/Klassy pozhara/c.jpg" style="width: 100px; height: 85px;" /></p>
<p>
Горение газообразных веществ</p>
</td>
<td style="text-align: center; width: 25%">
<p>
<img alt="" src="/netcat_files/userfiles/Protivopozharnye raboty/Klassy pozhara/e.jpg" style="width: 100px; height: 85px;" /></p>
<p>
Горение объектов, находящихся под напряжение</p>
</td>
</tr>
</tbody>
</table>

Ко всем таблицам в поле Описание применяется стиль через класс catalog, как описано выше.
В итоге мы получаем это Изображение
Нужно чтобы к первой, и ко всем последующим добавляемым, таблицам стиль применялся, а ко второй нет. Или проще говоря убрать полоску у инфо. о классах пожара.
04.06.2013, 21:11
Ответить | Цитировать
Руслан Густокашин
Студия Вэлпис
Руслан Густокашин

Зарегистрирован:
2012-02-06
Сообщений: 869

Самое простое - просто "в лоб" прописать:
Код:

<h3 style="text-align: justify">
Классы пожара</h3>
<table class='pozhclass' align="center" border="0" cellpadding="1" cellspacing="0" style="width: 100%">
...

И в стилях добавить этот класс:
Код:

.catalog .pozhclass td{
border: 0;
}


198 196 2013-06-04 21:11:47 13092
Описание проекта