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

Уменьшенная копия картинки


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

День добрый!

Может быть глупый вопрос, но тем не менее)

Подскажите, пожалуйста, как можно отредактировать уменьшенную копию картинки [thumb]http://ваш_сайт.ру/uploads/posts/2011-02/название_картинки.jpg[/thumb] - для того, чтобы она не прилипала к тексту?

Обычную картинку мы редактируем, например, так: <img style="float: left; margin-left: 10px; margin-right: 10px; border: 0px none currentColor;" src="http://ваш_сайт.ру/uploads/posts/2011-03/название_картинки.gif" alt="" height="500" />

А как быть с уменьшенной копией картинки?

Благодарю за помощь!

Изменено пользователем LADYX
Ссылка на сообщение
Поделиться на других сайтах

В стилях вашего шаблона для класса, который отвечает за вывод содержимого новости изменить или добавить, если нет, что-то вроде этого

.ваш_класс img { border:2px solid #c5c7c2; margin:0 5px 5px 5px; }

Толщину границы, ее цвет и отступы по вашему усмотрению меняете.

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

В стилях вашего шаблона для класса, который отвечает за вывод содержимого новости изменить или добавить, если нет, что-то вроде этого

.ваш_класс img { border:2px solid #c5c7c2; margin:0 5px 5px 5px; }

Толщину границы, ее цвет и отступы по вашему усмотрению меняете.

да, всё верно, но это будет относиться ко всем картинкам на сайте.

а как в таком случае применить стиль только к уменьшенным копиям картинок?

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

Почему для всех? Можно настроить каждый блок по-своему, в том чсисле по отдельности вывод картинок для полной и краткой новостей. Но по поводу именно уменьшенных копий, на 100% не скажу, но думается, вряд ли через стили такое можно сделать.

У вас вопрос стоял

для того, чтобы она не прилипала к тексту?

По тому варианту они и не будут прилипать.

Изменено пользователем ower_xz
Ссылка на сообщение
Поделиться на других сайтах
<img style="float: left; margin-left: 10px; margin-right: 10px; border: 0px none currentColor;" src="http://ваш_сайт.ру/uploads/posts/2011-03/название_картинки.gif" alt="" height="500" />
неверный подход. Это не способствует качественной работе сайта. Пропишите класс для блока, в котором у вас находятся картинки, а в файле стилей пропишите .ВАШ КЛАСС img { margin: 0 0 0 0 } первая цифра отвечет за отступ сверху, вторая справа и так по часовой стрелке.
Ссылка на сообщение
Поделиться на других сайтах

может быть можно подправить в самом файле пхп, который отвечает за вывод уменьшенных копий картинок?

тогда вопрос: какой файл отвечает за вывод уменьшенных копий картинок?

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

может быть можно подправить в самом файле пхп, который отвечает за вывод уменьшенных копий картинок?
А может сразу новый движок написать? Извините, все телепаты в отпуске, эта проблема не раз решалась на этом форуме. Еще раз: у вас уменьшеная копия картинки где выводится? в коротких новостях? Полных? в каких прилипает? Куда прилипает? влево, вправо? У короткой и полной новости есть свои шаблоны. у этих шаблонов есть свои классы. вот смотрите их и их же правьте.
В стилях вашего шаблона для класса, который отвечает за вывод содержимого новости изменить или добавить, если нет, что-то вроде этого

.ваш_класс img { border:2px solid #c5c7c2; margin:0 5px 5px 5px; }

Толщину границы, ее цвет и отступы по вашему усмотрению меняете.

да, всё верно, но это будет относиться ко всем картинкам на сайте.

Это с какого такого перепугу? это будет относится ТОЛЬКО для картинок данного класса, неважно, уменьшеных или нет у вас класс коротких новостей, предположим, зовется .shot, вот и пишите в файле стилей .shot img{margin-right: 10px;} при чем тут картинки всего сайта? тут движок не при чем, это обычный стандартный css для всего веба ))

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

да, всё верно, но это будет относиться ко всем картинкам на сайте.

вы пробовали или говорите так, потому что предполагаете?

ЗЫ бывает, да, если криво сверстан шаблон, то изменения касаются и картинок меню, они разъезжаются вместе с заданными параметрами для уменьшенных картинок ))

в этом случае надо вписать свой стиль для них например .shot img{margin-right: 10px;} как подсказал alex32

нужна правка css в любом случае

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

ребятки, уже разобрался, спасибо за помощь.

да, всё верно, но это будет относиться ко всем картинкам на сайте.

вы пробовали или говорите так, потому что предполагаете?

нет, прошу прощения, всё верно, конечно будет относиться не ко всем картинкам, просто я написал и сам не подумал что написал.. sorry)

alex32, что куда прилипает, прошу прощения, это только вам не понятно, для остальных, я вижу, всё доступно и понятно. А движок переписывать ненужно, или вы, чтобы убить муху, поедите охотиться на слона? без обид, просто это вы очень эмоциональны ;)

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

Вам написали как сделать, вы отрицаете решение и хотите лезть в файлы движка.

может быть можно подправить в самом файле пхп, который отвечает за вывод уменьшенных копий картинок?
Не вы ли хотели из пушки по воробьям палить?
Ссылка на сообщение
Поделиться на других сайтах

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

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

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

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

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

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

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

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

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