Кнопка ссылка
Страницы: 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:32 28 мая АП Яндекс выдача / До официального лета остались считанные дни 
21:00 Партнерская программа Xoffers с прямыми офферами в вертикалях форекс, крипта и бинарные опционы. 
10:19 Ссылки с ответы майл ру 
20:40 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
15:59 TacoLoco - рекламная сеть от LosPollos. Большие объёмы качественного трафика! 
15:20 Adtrafico - Правильная партнёрская сеть под бурж трафик 
14:43 LGaming - экосистема и партнерская программа в gambling и betting вертикалях 
00:03 Предлагаю услуги рерайтера и копирайтера 
19:17 INSTACRYPT - приятный обменный сервис 
11:54 Плагин Chat GPT для Wordpress - Автонаполнение сайтов (Easy GPT Content) 
11:10 Готовые аккаунты Яндекс Директ с пройденной модерацией, с отлежкой, трастовые 
03:54 Cosmochanger.cc - Самый реактивный обменник. Быстрый и безопасный способ обменять более 20 популярных криптовалют 
20:13 Размещу ссылки/статьи на ваш сайт | Рост ИКС | XRumer 19.0.15 
14:55 Вёрстка 
00:36 Accvk.ru - магазин самых надёжных аккаунтов вконтакте и других социальных сетей [без владельцев] 
23:58 Конец пандемии - конец притворству ВОЗ: Вакцины от ковида признаны опасными 
23:00 Я придумал новую игру 
20:03 С юмором по жизни! 
19:54 Изменение цитаты в тексте 
18:20 Выбрать вариант музыкальной темы 
15:55 «Болезни Х»: медики из ВОЗ готовятся к новой смертельной пандемии