Надпись на фото с активной ссылкой

  • 3 Ответов
  • 582 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

dimat84

Здравствуйте
Подскажите как сделать на фото напись с активной ссылкой? надо сделать небольшой баннер с надписью снизу прям на фото "емаил: такой-то", емаил надо сделать активным, голова уже не варит. Делал фото как background но тогда само фото не адаптируется как если бы просто вставить фото в модуль.
Просто ссылку вставить в фото так не подходит

*

dimat84

Re: Надпись на фото с активной ссылкой
« Ответ #1 : 18.05.2015, 19:26:39 »
Наверно просто всё на фото напишу и разрежу её, в кусочек с емаил вставлю ссылку

*

almika

Re: Надпись на фото с активной ссылкой
« Ответ #2 : 19.05.2015, 05:53:09 »
Код
<style type="text/css">
   .wrapimg {
    position: relative;
   }
   .captimg{
    position: absolute;
    z-index: 99;
   }
  </style>
<div class="wrapimg">
  <img src="srcimg">
  <div class="captimg">
    <a href="mailto:me@site.ru?subject=Фото">Написать</a>
  </div>
</div>
Это Вы имели ввиду?

*

dimat84

Re: Надпись на фото с активной ссылкой
« Ответ #3 : 19.05.2015, 08:52:53 »
Спасибо.
Я просто разрезал фото, вырезал кусок там где написан емаил и в него вставил ссылку )), и вставил всё это как одну картинку. Конечно наверно лучше не так делать ), ну да ладно.