Кнопка ссылка
Страницы: 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)
Новые темыОбъявленияСвободное общение
08:44 Телега на ручнике: РКН включил замедление и логи админок покраснели 
08:28 OpenAI и шейхи: Цензура на продажу и "гибкие" идеалы амеров 
22:45 Биржа купли-продажи сайтов, каналов и сообществ 
22:08 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках 
22:13 SEO под нейро 
15:57 Раскрутка форума 
11:48 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу 
23:41 Secrex.io — обмен без лишних вопросов (NO AML) 
20:30 Volna.money 
20:27 GoodsMoney.io 
15:48 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
09:37 BestChange – обменивать электронную валюту можно быстро и выгодно 
09:05 Swapwatch.org — Мониторинг криптовалютных обменников 
21:22 Bcon.Global - [no kyc] crypto gateway ( платежное решение для вашего сайта ) 
08:33 Добро пожаловать в цифровой мир... 
13:26 блокировка youtube 2026: ркн начинает «выдавливание». кто уже пробовал вк видео? 
00:10 Ставки на супер тренды в спорте 
23:44 Точные прогнозы на футбол 
16:39 Оцифровка старых физических фотографий 
13:55 Туалетные секреты: Замурчательная тема 
18:43 Индия влепила Intel 3 ляма баксов за дискриминацию по гарантии