Форум Сайтостроение Веб-строительство

Вопрос по css

12
P
На сайте с 06.01.2009
Offline
601
postavkin
906

Ребят, от css я очень далек. Вопрос.

Есть 


<div class="anons">
<div class="mbody">
<h1>заголовок</h1>
<!-- <span class="hkroshki">1213 / <a href="">2131243</a></span>  -->
<img src="../photo/PIGPV904.jpg" width="454" height="454" alt="" title="" />
<p>Уникальная, декорированная по периметру орнаментом...</p>
<ul>Характеристики материала:
<li>Полное наименование - ;</li>
<li>Производитель - ;</li>
</ul>
.
.

Это страница товара. Аналогичный код применяется в странице статей.

Просьба - подскажите, пожалуйста, как сделать так, чтобы в статьях текст обтекал картинку (сейчас так и сделано), а в страницах товаров текст был под картинкой (т.е. не обтекал).

В стилях вот что


.anons {
	position: relative;
	margin: 0 0 15px 0;
}

.mbody {
	overflow: hidden;
/*	padding: 0 0 0 8px;*/
	font-size: 13px;
}
.mbody h1 {
	font-size: 22px;
	font-family: 'Trebuchet MS';
	font-weight: none;
	margin:0;
	padding:0;
	margin-left:10px;
}
.mbody .date {
	color:#8e8e8e;
	font-size: 12px;
	margin: -4px 0 5px 0;
	display: block;
}
.mbody IMG { float: left; position: relative; padding: 5px 8px 4px 1px;} /*сверху справа снизу слева*/ 
.mbody P { text-indent:9px; padding: 1px 0 8px 0;}
.mbody .hkroshki {
	color:#8e8e8e;
	font-size: 9px;
	margin: -4px 0 5px 0;
	display: block;
}
C
На сайте с 04.02.2005
Offline
291
Chukcha
#1

Css не знает что у вас там товар или статья

Нужно их как-то идентифицировать

и соответственно прописать стиль

P
На сайте с 06.01.2009
Offline
601
postavkin
#2
Chukcha:
Css не знает что у вас там товар или статья
Нужно их как-то идентифицировать
и соответственно прописать стиль

Поставить в код, вместо <div class="mbody"> поставить <div class="tovar">, а в css переписать все стили mbody (соответств заменив на tovar). Всё оставить также, только у IMG поменять стиль? ТОлько такой выход?

Я к тому, что можно обойтись только дописыванием стиля к img или только как я выше написал?

Спрашиваем и отвечаем по Wordpress. Как вывести текст Действие стилей (в .css)
Sergiko
На сайте с 11.03.2011
Offline
77
Sergiko
#3
postavkin:
Поставить в код, вместо <div class="mbody"> поставить <div class="tovar">, а в css переписать все стили mbody (соответств заменив на tovar). Всё оставить также, только у IMG поменять стиль? ТОлько такой выход?
Я к тому, что можно обойтись только дописыванием стиля к img или только как я выше написал?

Только разные классы стилей для картинок в статьях и в товарах.

P
На сайте с 06.01.2009
Offline
601
postavkin
#4
Sergiko:
Только разные классы стилей для картинок в статьях и в товарах.

Пожалуйста, покажите, как сделать. Спасибо, заранее.

ps Просто в тоже время не хотелось бы код "портить".

ps2 или Вы имеете ввиду

Поставить в код, вместо <div class="mbody"> поставить <div class="tovar">, а в css переписать все стили mbody (соответств заменив на tovar). Всё оставить также, только у IMG поменять стиль?
Sergiko
На сайте с 11.03.2011
Offline
77
Sergiko
#5
postavkin:
Поставить в код, вместо <div class="mbody"> поставить <div class="tovar">, а в css переписать все стили mbody (соответств заменив на tovar). Всё оставить также, только у IMG поменять стиль?

Да, Вы все правильно понимаете: для статей оставляете class="mbody", а для товаров создаете class="tovar". Сильно код править не придется, просто находите в своем движке код модуля или компонента, выводящего товары, и исправляете в нем один класс на другой. В общем, как-то так должно быть :)

Про заголовки и теги Заголовок H1 Продвижение страниц */catalog?filter_term[1]=12
P
На сайте с 06.01.2009
Offline
601
postavkin
#6
Sergiko:
Да, Вы все правильно понимаете: для статей оставляете class="mbody", а для товаров создаете class="tovar". Сильно код править не придется, просто находите в своем движке код модуля или компонента, выводящего товары, и исправляете в нем один класс на другой. В общем, как-то так должно быть :)

Да, не, это я понимаю. Код же я вам показал. В коде поменять проблем нет. Я в css не разбираюсь, поэтому и подумал как вариант - тупо скопировать все стили mbody и назвать их tovar, заменив стиль img в нем. Если я всё правильно понял -спасибо за подтверждение.

Как задать для отделу Новая версия строительного портала. Надпись над картинкой
C
На сайте с 04.02.2005
Offline
291
Chukcha
#7

Не надо ничего копировать

html:

<div class="tovar article">

css:

.article img {float:left}

.tovar.image {float:none}

P
На сайте с 06.01.2009
Offline
601
postavkin
#8
Chukcha:
Не надо ничего копировать
html:
<div class="tovar article">

css:
.article img {float:left}
.tovar.image {float:none}

Извините, мне так не понятно.

Я выше код и того и того файла написал.

Покажите, пожалуйста, как сделать? Спасибо заранее

C
На сайте с 04.02.2005
Offline
291
Chukcha
#9

Эх... а жаль... Почитать бы про наследование в CSS

<div class="anons">

<div class="mbody">

<h1>заголовок</h1>

.mbody IMG {float:left:}

<div class="anons">

<div class="tovar mbody">

<h1>заголовок</h1>

.tovar.mbody IMG {float:none:}

P
На сайте с 06.01.2009
Offline
601
postavkin
#10
Chukcha:
Эх... а жаль... Почитать бы про наследование в CSS

<div class="anons">
<div class="mbody">
<h1>заголовок</h1>

.mbody IMG {float:left:}

<div class="anons">
<div class="tovar mbody">
<h1>заголовок</h1>
.tovar.mbody IMG {float:none:}

Не работает. Извините.

12

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