Кнопка ссылка
Страницы: 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

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Код
<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)
Новые темыОбъявленияСвободное общение
01:46 Конкурент жалуется на копипаст 
00:57 Лендинг и СЕО 
23:44 Какие параметры сайта требуются для роста ИКС? 
23:33 Биржи ссылок и статей 2020 
23:27 Ссылочное продвижение сайта 2020 
23:05 Крауд-маркетинг — способ продвижения сайта 2020 
22:48 TeaserNet - тизерная сеть нового поколения! Высокие доходы, стабильные выплаты 
23:35 Продам свежий сайт о путешествиях 
21:50 Продам сайт с уникальным контентом 
21:39 Автореги Mail.ru 2016-2018 г. Большой ассортимент! + Rambler, Yandex, BitcoinTalk 
20:34 Profit-smm.ru - раскрутка в Vk/Inst/Yt/Tg. Подписчики от 11.5р, лайки от 2.4р 
19:47 Надежный и мотивированный дизайнер, который точно не сорвет сроки и сделает круто 
19:41 Копирайтер с 9-летним опытом предлагает свои услуги 
16:33 Программирование нестандартных проектов под ключ 
01:19 Швеция пожалела о решении не вводить карантин 
00:42 Коронавирус 
00:40 Массовая вакцинация россиян от коронавируса 
18:58 "ВКонтакте" запустил свой аналог TikTok 
15:37 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
12:01 Сайты лохотроны. 
06:55 Минобороны сообщило об успешном испытании вакцины от COVID-19 на обезьянах и хомяках