На сайте шапка сделана как background-image:url, надо что бы была кликабельна

Тема в разделе "Верстка", создана пользователем letrletrdina, 2 окт 2011.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. letrletrdina

    letrletrdina Постоялец

    Регистр.:
    25 сен 2008
    Сообщения:
    146
    Симпатии:
    6
    На сайте шапка сделана как background-image:url, надо что бы она стала кликабельна.

    Те код

    <td style="background-image:url('{tpl_url}/images/вапвап.gif');" width="100%" >

    Вопрос погуглил но решения так и не нашел.

    Те из за определенной верстки переделывать в href=" ///imges не хочется тк сыпется дизайн и прочие глюки.

    А вот как бы сделать так, что бы чуть подизменит этот код, там onclick= как то присобачить или код на жабе скрипт, что бы при клике по шапке юзер уходил по нужному урл.

    <td style="background-image:url('{tpl_url}/images/234234234234.gif');" width="100%" >

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

    Может кто подсказать выход желательно не используя сss ?
     
  2. solarb

    solarb Постоялец

    Регистр.:
    11 июл 2009
    Сообщения:
    64
    Симпатии:
    15
    добавь onclick="window.location='http://sait.ru'

    т.е.

    <td style="background-image:url('{tpl_url}/images/234234234234.gif');" width="100%" onclick="window.location='http://sait.ru'>


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

    <td style="background-image:url('{tpl_url}/images/234234234234.gif'); cursor: pointer;" width="100%" onclick="window.location='http://sait.ru'>
     
    letrletrdina нравится это.
  3. letrletrdina

    letrletrdina Постоялец

    Регистр.:
    25 сен 2008
    Сообщения:
    146
    Симпатии:
    6
    Спасибо за быстрый ответ -все замечательно работает - даже рефссылку не видно при переходе,супер ! Единственно закралась небольшая ошибка - в конце добавил кавычки и заработало.

    <td style="background-image:url('{tpl_url}/images/234234234234.gif'); cursor: pointer;" width="100%" onclick="window.location='http://sait.ru' ">

    Также подобная комбинация прекрасно подойдет для сокрытия реф ссылок тк при наведении она не видна !!!!
     
  4. ko1obok

    ko1obok Писатель

    Регистр.:
    20 сен 2011
    Сообщения:
    9
    Симпатии:
    0
    решения через DOM медленнее работают, тут можно было бы обойтись и обычной вставкой тега <a>:
    Код:
    <td><a style="width:(ширина);height:(высота);display:inline-block(принудительно показываем блок, заданной ширины и высоты);" href=""></a></td>
    
    то что в (скобках) поудалять
     
Статус темы:
Закрыта.