Кнопка ссылка
Страницы: 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:13 SEO советы 
00:11 Как долго индексируется страница 
00:00 не индексируеться карта сайта 
23:58 Есть ли разница разместить 10 статей сразу или 10 дней по одной? 
23:56 Совсем нет посетителей на сайте 
23:54 Страницы выпадают из индекса в Гугл: помогите разобраться 
23:52 Проиндексировано всего 15% сайта, в чем причина? 
22:32 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
22:11 Google Voice - OLD аккаунты "SMS и звонки" 
14:56 MobileProxy Приват Без лимит Бесплатный тест Скидки внутри 
13:17 Обмен/Ввод/Вывод криптовалют и электронных денег в разных странах 
13:01 Ural-obmen.ru — выгодный сервис обмена 
12:01 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 
11:48 BitcoinObmennik.com - круглосуточный обмен крипты 
13:57 Ещё 12 заявлений в полицию о мошенничестве подано на блогера Аяза Шабутдинова 
16:58 Точные прогнозы на футбол 
12:27 ИИ Google поставил под сомнение подлинность фотографий высадки астронавтов США на Луну 
17:33 Стряхнуть обыденность - об Агасфере 
00:03 Кабмин разрешил Роскомнадзору блокировать сайты с методами обхода блокировок 
14:55 150+ хакерских поисковых систем и инструментов 
23:03 С юмором по жизни!