Вообщем ситуация такая. Мне надо добавить допустим фото, фото моё будет по всей ширине обычной страницы (примерно 700px на 350px). На фото мне надо добавить текст, и кнопку купить, подробнее или заказать, ещё не решил.
Это всё можно сделать в фотошопе, но мне так не надо, мне надо именно чтобы была возможность прямо на картинке можно было выделить текст и прямо на картинке кликнуть на кнопку.
Надеюсь я понятно объяснил
1
Интересный Вопрос! Помогите)
Автор Zava, 05 сент. 2013 22:26
В теме одно сообщение
#1
Отправлено 05 Сентябрь 2013 - 22:26
#2
Отправлено 06 Сентябрь 2013 - 02:52
Вы можете использовать следующий каркас html кода
После вставки соответствующих ссылок, вы можете изменить положение как текста, так и ссылки/кнопки относительно изображения. Для этого изменяйте свойства left, top, bottom (можно так же задать и right).
<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 анонимных