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


Интересный Вопрос! Помогите)


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

#1 Zava

Zava

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородСанкт-Петербург

Отправлено 05 Сентябрь 2013 - 22:26

Вообщем ситуация такая. Мне надо добавить допустим фото, фото моё будет по всей ширине обычной страницы (примерно 700px на 350px). На фото мне надо добавить текст, и кнопку купить, подробнее или заказать, ещё не решил.
Это всё можно сделать в фотошопе, но мне так не надо, мне надо именно чтобы была возможность прямо на картинке можно было выделить текст и прямо на картинке кликнуть на кнопку.
Надеюсь я понятно объяснил

#2 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Сентябрь 2013 - 02:52

Вы можете использовать следующий каркас html кода

<div style="position: relative; z-index: 1;">
<img src="адрес вашего изображения" alt="альтернативный текст изображения" style="position: relative; z-index: 2;" />
<div style="position: absolute; left: 20px; top: 20px; z-index: 3;">Текст на изображении</div>
<div style="position: absolute; left: 20px; bottom: 20px; z-index: 3;">
	<a href="#Адрес страницы">Ссылка</a>
</div>
</div>

После вставки соответствующих ссылок, вы можете изменить положение как текста, так и ссылки/кнопки относительно изображения. Для этого изменяйте свойства left, top, bottom (можно так же задать и right).




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

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