Перейти к содержимому


Добавление изображения в тексте категории


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 fortuna

fortuna

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 05 Ноябрь 2010 - 15:19

Добрый день!
Подскажите, пожалуйста, как правильно указывать адрес картинки,которую нужно вставить в текст описания категории. Я пробовала, но у меня не вышло.))

#2 moskvin

moskvin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 53 сообщений
  • ГородМосква

Отправлено 05 Ноябрь 2010 - 23:28

Здравствуйте!
Сам недавно сталкивался с подобной проблемой.
Не претендую на грамотный ответ (пускай меня поправят), но надеюсь помочь с проблемой.
Адрес указывать можно так: "/web/upload/assets/images/.... yourimage.jpg"
Важно: слэш в начале адреса нужен. Также полезно проверять размеры изображения во вкладке "Вид": не равны ли они 0.
С наилучшими пожеланиями,
Илья.

#3 fortuna

fortuna

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 06 Ноябрь 2010 - 16:40

Просмотр сообщенияmoskvin (05 Ноябрь 2010 - 23:28) писал:

Здравствуйте!
Сам недавно сталкивался с подобной проблемой.
Не претендую на грамотный ответ (пускай меня поправят), но надеюсь помочь с проблемой.
Адрес указывать можно так: "/web/upload/assets/images/.... yourimage.jpg"
Важно: слэш в начале адреса нужен. Также полезно проверять размеры изображения во вкладке "Вид": не равны ли они 0.
С наилучшими пожеланиями,
Илья.
Илья, добрый день!

Спасибо, большое за совет. Я попыталась ему последовать, но у меня все равно ничего не вышло, т.к. рисунок мне надо было скачать с диска С. Зато я нашла другой выход: сначала закачала рисунок через "Обзор" (ниже текстового редактора), а потом мышкой перенесла это изображение в текст. Тогда при попытке изменить рисунок он сам прописал его адрес. Приятно, что мои проблемы не только мои!:)
Ирина.

#4 moskvin

moskvin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 53 сообщений
  • ГородМосква

Отправлено 06 Ноябрь 2010 - 17:23

Просмотр сообщенияfortuna (06 Ноябрь 2010 - 16:40) писал:

Илья, добрый день!

Спасибо, большое за совет. Я попыталась ему последовать, но у меня все равно ничего не вышло, т.к. рисунок мне надо было скачать с диска С. Зато я нашла другой выход: сначала закачала рисунок через "Обзор" (ниже текстового редактора), а потом мышкой перенесла это изображение в текст. Тогда при попытке изменить рисунок он сам прописал его адрес. Приятно, что мои проблемы не только мои!:)
Ирина.
Рад, что проблема решена:) На всякий случай (если я правильно понял, то Ваш трюк не будет работать на контент-страницах) позволю себе прокомментировать возникшие трудности с предложенным мной решением. Насколько я понял, проблема была в том, что нужно загрузить фото с Вашего компьютера. Для этого сначала надо зайти в раздел админки "Редактор тем" и в разделе "Файлы" добавить изображение. После этого оно уже будет храниться на сервере по адресу, примерный вид которого я указывал. Чтобы узнать адрес этого файла, достаточно его просто открыть в браузере (кликнуть по картинке). А дальше можно скопировать из адресной строки необходимую часть (см. мой предыдущий ответ).
С наилучшими пожеланиями,
Илья.

#5 fortuna

fortuna

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 06 Ноябрь 2010 - 19:24

Просмотр сообщенияmoskvin (06 Ноябрь 2010 - 17:23) писал:

Рад, что проблема решена:) На всякий случай (если я правильно понял, то Ваш трюк не будет работать на контент-страницах)
Да, действительно, мой трюк не сработал даже на этой же странице второй раз. Зато после Вашего второго замечательного совета у меня все получилось! Такая красота!!! Может быть Вы подскажете и как подписи под картинками делать? А то я написала и в "описание" и в "заголовок", а на сайте не видно. Спасибо Вам!

#6 moskvin

moskvin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 53 сообщений
  • ГородМосква

Отправлено 06 Ноябрь 2010 - 21:25

Просмотр сообщенияfortuna (06 Ноябрь 2010 - 19:24) писал:

Да, действительно, мой трюк не сработал даже на этой же странице второй раз. Зато после Вашего второго замечательного совета у меня все получилось! Такая красота!!! Может быть Вы подскажете и как подписи под картинками делать? А то я написала и в "описание" и в "заголовок", а на сайте не видно. Спасибо Вам!
Боюсь, в этом помочь уже не смогу. Заголовок - это всплывающая подсказка (Ваш текст показывается при наведении курсора мыши - проверьте), а описание - это alt-замещающий текст. Если же Вам нужно именно подпись под изображением с сохранением обтекания текста сбоку (то есть что-то вроде такого), то, вероятно, надо редактировать HTML/CSS или спросить у техподдержки. Желаю удачи!

#7 fortuna

fortuna

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 08 Ноябрь 2010 - 20:07

Дмитрий!
Помогите и здесь, пожалуйста! Как сделать подписи под картинками грамотно, а то я сделала вручную, а посмотрела на другом компьютере - все съехало :( http://irina.storela.../page/Safetac-1

#8 support

support

    Активный участник

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 08 Ноябрь 2010 - 23:24

Просмотр сообщенияfortuna (08 Ноябрь 2010 - 20:07) писал:

Дмитрий!
Помогите и здесь, пожалуйста! Как сделать подписи под картинками грамотно, а то я сделала вручную, а посмотрела на другом компьютере - все съехало :( http://irina.storela.../page/Safetac-1
Подобная задача с подписями решается таблицами, вообще дивы это хорошо и то что они могут съезжаться и разъезжаться, но это свойство мы стараемся использовать как можно реже, т.к наш всеми любимый internet explorer использует свои алгоритмы обработки свойств таких как float или margin (отступ вокруг блока) поэтому дабы все работало в ie6 используем только таблицы - они никуда никогда не едут и padding (отступ внутри блока)свойства, они так же везде отображаются почти одинаково исключения составляют input поля, но в данном случае это не актуально. Для того чтобы верстка не ехала попробуйте делать 2 ячейки не так:
<p style="text-align: justify;"><img title="Обычный адгезив" src="../../web/upload/assets/images/4/3065/Safetac_traditional.jpeg" alt="Обычный адгезив" width="200" height="139"><img style="float: right;" title="Адгезив Safetac" src="../../web/upload/assets/images/4/3065/Safetac_with_Safetac.jpeg" alt="Адгезив Safetac" width="200" height="139"></p>
а таблицей:
<table style="width:100%;">
  <tr>
	<td><img title="Обычный адгезив" src="../../web/upload/assets/images/4/3065/Safetac_traditional.jpeg" alt="Обычный адгезив" width="200" height="139"></td>
	<td style="text-align:right;"><img title="Адгезив Safetac" src="../../web/upload/assets/images/4/3065/Safetac_with_Safetac.jpeg" alt="Адгезив Safetac" width="200" height="139"></td>
  </tr>
</table>
В таком виде они никогда никуда не поедут, ни в одном браузере. Для вашего случая можно использовать свойство  style="text-align:right;" вместо float, сразу не посмотрел... Можно вместо того чтобы использовать каждый раз этот стиль использовать класс, в котором он уже прописан class="alignRight" хотя это не критично, просто так удобней читать код и исправлять его в дальнейшем.

#9 fortuna

fortuna

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 09 Ноябрь 2010 - 11:41

Дмитрий, я, конечно, польщена Вашим обо мне мнением, но я не поняла почти ничего из Ваших слов.   :blink:
Я поняла по сути: что нужно рисунки вставлять таблицей и в таблице же писать подписи - верно?
Тогда, извините, как всегда вопрос - куда вставлять Ваш код? Можно ли все это объяснить с точки зрения пользователя? Т.е. нажать кнопочку "вставить таблицу" а там ... Может быть когда-нибудь я и начну Вас понимать с полуслова ))

#10 fortuna

fortuna

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 09 Ноябрь 2010 - 11:59

Извиняюсь - поняла, куда нужно вставить код, после вставки все сработало - картинки в виде таблицы. Но мне еще нужно подпись под ними вставить. Как это сделать?

#11 support

support

    Активный участник

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 09 Ноябрь 2010 - 12:48

Просмотр сообщенияfortuna (09 Ноябрь 2010 - 11:59) писал:

Извиняюсь - поняла, куда нужно вставить код, после вставки все сработало - картинки в виде таблицы. Но мне еще нужно подпись под ними вставить. Как это сделать?
Создать еще одну строку таблицы, под текущими ячейками, получится вот так:
<table style="width:100%;">
  <tr>
	<td><img title="Обычный адгезив" src="../../web/upload/assets/images/4/3065/Safetac_traditional.jpeg" alt="Обычный адгезив" width="200" height="139"></td>
	<td style="text-align:right;"><img title="Адгезив Safetac" src="../../web/upload/assets/images/4/3065/Safetac_with_Safetac.jpeg" alt="Адгезив Safetac" width="200" height="139"></td>
  </tr>
  <tr>
	<td>Описание 1</td>
	<td style="text-align:right;">Описание 2</td>
  </tr>
</table>


#12 fortuna

fortuna

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 09 Ноябрь 2010 - 18:19

Спасибо, все отлично! :rolleyes:




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных