Кнопка ссылка
Страницы: 1
Кнопка ссылка
Здравствуйте! В общем в таблицу необходимо вставить кнопку ссылку, при этом она должна меняться при наведении. Нашел эффект перекатывания одного рисунка, но без ссылки внутри. Как ни пробовал ее вставить кнопка попросту не появляется.Вот сам код:



Код
<td>
<a href="" target="blank"> 
<style>
   a.rollover {
    background: url(http://.../knopka.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 68px; /* Ширина рисунка в пикселях */
    height: 135px; /* Высота рисунка */
   }
   a.rollover:hover {
    background-position: 0 -135px; /* Смещение фона */
   }
  </style></a>
</td>
Изменено: karasuk - 27 Января 2018 09:51
Код
<style>
   a.rollover {
    background: url(http://.../knopka.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 68px; /* Ширина рисунка в пикселях */
    height: 135px; /* Высота рисунка */
   }
   a.rollover:hover {
    background-position: 0 -135px; /* Смещение фона */
   }
</style>

В раздел HEAD, но лучше в css файл стилей, без тегов <style> и </style>

Ссылка вставляется вот так:
Код
<a href="Адрес ссылки" target="blank" class="rollover">Текст ссылки</a>
Изменено: Вячеслав Андреев - 27 Января 2018 10:07
Лучший хостинг которым я пользовался от 115 рублей в месяц - Клик
В моем шаблоне очень много css файлов. Раньше как то находил правильный код, сейчас не могу. Мне нужно всю эту кучу вставить в таблицу вместе с css кодом
1. 
Код
 <style>.....</style> должно находиться выше тега </head>

2.
Код
Думаю правильнее будет так: 
 
.rollover {
    background-image: url('http://.../knopka.png'); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 68px; /* Ширина рисунка в пикселях */
    height: 135px; /* Высота рисунка */ 
    text-decoration: none;
   }
.rollover:hover {
    background-position: 0 -135px; /* Смещение фона */ 
    text-decoration: none;   } 

3.
Код
Ссылку в таблицу вставляйте так: 
 
<td>
<a href="Url_ссылки" target="blank" class="rollover">Текст вашей ссылка</a></td> 
Так попробуй вставить!
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
00:54 Роскомнадзор отказал в регистрации трети блогеров-десятитысячников 
14:09 Новая программа монетизации контента VK Видео увеличила доход авторов в 2,5 раза 
13:54 У Google наблюдается снижение трафика и, как следствие, уменьшение прибыли 
20:36 Python скрипт безопасной накрутки посещаемости сайта 
19:26 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
15:37 Adtrafico - Правильная партнёрская сеть под бурж трафик 
22:18 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
02:15 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика 
02:12 Адалт сайты и сетки PBN на DLE 
00:55 Swap-line.com – это сервис быстрого обмена криптовалют на различные цифровые активы, а также на наличные средства во многих городах Украины! 
00:29 My24pay - Универсальный сервис обмена электронных валют 
23:57 MintChange — Быстрый и надёжный обмен криптовалюты 
13:50 Биржа TEXT.RU в привычном формате будет закрыта 
22:26 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
13:44 Осторожно! Криптовалюта 
13:33 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
13:28 Конгресс США заявил о лабораторном происхождении коронавируса 
20:40 Точные прогнозы на футбол 
14:24 С юмором по жизни! 
14:20 Блогеров с аудиторией более 1 тыс. человек могут обязать сообщить о себе в РКН 
14:18 НейроБабушка наказывает мошенников