Кнопка ссылка
Страницы: 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)
Новые темыОбъявленияСвободное общение
21:18 Google покинул Россию: Сервисы под угрозой! 
21:13 Индексация страниц 
14:44 YouTube усиливает борьбу с азартными играми: новые ограничения вступят в силу 19 марта 
14:41 Продажи через видео: Wildberries запускает свой видеосервис 
20:15 Adfinity - Ваш надежный партнер в монетизации трафика 
20:04 Устали от Пустых Обещаний? Market-Place.su даёт реальные деньги! 
18:50 Как сделать ссылку видимой на вордпресс тема Jarida ? 
20:08 Куплю wp админки 
19:40 SwapPix.io - быстрый и безопасный обменник криптовалют. 
16:22 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 
15:32 Онлайн обменник PONYBIT.RU - это выгодные курсы и низкие комиссии 
15:02 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 
14:06 Заработок на криптовалюте, обмен через биржи за % 
11:15 Бустмаркет 
20:16 В мае 2025 года компания Skype прекращает свою работу 
19:57 С юмором по жизни! 
18:01 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
15:07 Потеря для пиратского интернета: основатель Pirate Bay погиб! 
14:36 Wildberries бросает вызов «Почте России» и «Авито» – новая доставка уже в деле! 
14:33 Финансовая диета: самозапрет на покупки может стать реальностью 
06:04 Точные прогнозы на футбол