Кнопка ссылка
Страницы: 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)
Новые темыОбъявленияСвободное общение
01:12 Gambling Craft - гемблинг по белому 
21:48 Не работает Яндекс и Дзен 
21:33 В Google «бьют тревогу» из-за нового чат-бота ChatGPT 
21:32 SEO 2023: Яндекс раскрыл* главные факторы ранжирования (как занять ТОП ПС, получить много трафика и денег) 
20:26 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
10:54 "Яндекс" работает над отечественным аналогом нейросети ChatGPT 
01:04 Profitov.Partners — международная CPA-сеть 
17:26 Обмен/Ввод/Вывод криптовалют и электронных денег в разных странах 
16:12 Готовые аккаунты Яндекс Директ с пройденной модерацией, с отлежкой, трастовые 
12:52 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 
12:12 Ural-obmen.ru — выгодный сервис обмена 
11:55 Размещение статей, ссылок и постовых на качественных ресурсах 
10:06 BestChange – обменивать электронную валюту можно быстро и выгодно 
09:25 Продам базу данных Банки/физы/пенсы/БАДы 
22:54 С юмором по жизни! 
22:47 Нейросеть для "создания" видео. Теперь и актёры не нужны? Google представила Dreamix 
21:24 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
21:22 Как ваш трафик, вчера-сегодня? 
22:22 Google разработал нейросеть MusicLM, которая генерирует музыку на основе текста 
18:32 Добро пожаловать в цифровой мир... 
22:25 Как получить рефералов и посетителей на сайт бесплатно.