Перейти к публикации

Как придать разный стиль для изображений?


Рекомендованные сообщения

Большинство изображений на сайте выровнено влево.

Для них создал нужные отступы через css, например:

.posttext img { margin: 4px 10px 0 0; }
А как быть с изображениями, выровненными по центру, например:
<div align="center">

<!--TBegin-->

<a onclick="return hs.expand(this)" href="http://tolstiki.ru/uploads/posts/2012-03/1332273972_platya-dlya-polnyh.jpg">

<img title="Платья для полной фигуры" alt="Платья для полной фигуры" src="/uploads/posts/2012-03/thumbs/1332273972_platya-dlya-polnyh.jpg">

</a>

<span class="highslide-caption">Платья для полной фигуры</span>

<!--TEnd-->

</div>[/code]


(взял из реального исходного кода)



Для выровненных по центру картинок нужно прописать:

[CODE]тут_что-то img { margin: 4px 0 0 0; }[/code]

Вопрос. Что прописать на место "[b][i]тут_что-то[/i][/b]" чтобы касалось только [i]выровненных по центру[/i] img?

Ссылка на сообщение
Поделиться на других сайтах

Sherrlok, укажите ссылку на сайт, чтобы можно было увидеть примеры :)

Ссылка на сообщение
Поделиться на других сайтах

Без проблем, вот ссылка на ту же статью, откуда код из примера выше.

Ссылка на сообщение
Поделиться на других сайтах

.posttext img { margin: xxxx }

.posttext img[align="left"] { margin: xxxx }

.posttext img[align="right"] { margin: xxxx }

:rolleyes:

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...