Профиль и настройки
Заказы Лицензии Техническая поддержка Выйти
Регистрация
Восстановление пароля
Вход
← на Главную /  Разработчикам /  Форум /  Разработка сайта

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

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
Игорь
Игорь Мишарин
Игорь

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


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

Присвоить всем таблицам классы.

Stark
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">

				Огнетушащая способность (площадь, м²)</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">

				Диапазон рабочих температур, °С</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
Сообщений: 962

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


<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
Описание проекта
Сохранить и свернуть