<style type="text/css">
#mainContent
a.rollover {
background: url(images/download-buttons1.jpg); /* Путь к файлу с исходным рисунком */
}
a.rollover:hover {
background: url(images/download-buttons2.jpg); /* Путь к файлу с заменяемым рисунком */
}
</style>
<html>
<body><div id="mainContent">
<td><center><a href="http://www.example.com" class="rollover" /></a></center></td>
</body>
</html>
Спустя 17 минут, 5 секунд (24.02.2012 - 00:27) killer8080 написал(а):
Цитата (dilfin @ 23.02.2012 - 23:10) |
a href="http://www.example.com" class="rollover" /> |
что это? <a> это парный тег
Спустя 2 минуты, 41 секунда (24.02.2012 - 00:30) dilfin написал(а):
Цитата (killer8080 @ 23.02.2012 - 21:27) | ||
что это? <a> это парный тег |
a исправила но всеровно не работает
Спустя 4 минуты, 33 секунды (24.02.2012 - 00:34) veolancer написал(а):
Цитата (dilfin @ 23.02.2012 - 21:10) |
что это?<a> это парный тег |
красава
Спустя 57 секунд (24.02.2012 - 00:35) veolancer написал(а):
Тебе надо картинку ссылку? Или исправить ошибку?, тебе killer сказал что тег <a> парный, но исправив это, ты не увидишь свою картинку..
Тебе надо сделать так->
и style
Тебе надо сделать так->
<a href="http://www.example.com"><img class="rollover"></a>
и style
<style type="text/css">
img.rollover {
background:url(/images/download-buttons1.jpg); /* Путь к файлу с исходным рисунком */
width:50px; /*твоя ширина*/
height:20px; /*твоя высота*/
text-decoration:none;
border:0;
}
img.rollover:hover {
background:url(/images/download-buttons2.jpg); /* Путь к файлу с заменяемым рисунком */
}
</style>
Спустя 11 минут, 25 секунд (24.02.2012 - 00:47) dilfin написал(а):
Цитата (Winston @ 23.02.2012 - 21:43) |
hamado Ну дык ничего на экран не выведется :) Спустя 35 секунд Winston написал(а): <td><center><a href="http://www.example.com" class="rollover">ТЫЦ</a></center></td> |
а как сделать что бы только рисунки менялись и что бы не было слов между ними?
Спустя 43 секунды (24.02.2012 - 00:47) killer8080 написал(а):
Цитата (dilfin @ 23.02.2012 - 23:30) |
a исправила но всеровно не работает |
<style type="text/css">
a.rollover {
background: url(/images/download-buttons1.jpg); /* Путь к файлу с исходным рисунком */
display: block;
width: 50px;
height: 20px;
text-decoration: none;
}
a.rollover:hover {
background: url(/images/download-buttons2.jpg); /* Путь к файлу с заменяемым рисунком */
}
</style>
<a href="http://www.example.com" class="rollover"> </a>
Только исправь под свои размеры
width: 50px;
height: 20px;
PS Насчет валидности не уверен, и неизвестно как поисковики будут реагировать на подобную конструкцию.
Спустя 4 минуты, 17 секунд killer8080 написал(а):
Хотя такие вещи лучше делать спрайтом.
UPD подправил пост
Спустя 10 минут, 12 секунд (24.02.2012 - 00:58) dilfin написал(а):
ясненко спасибо за помощь!!!
Спустя 1 час, 54 минуты, 24 секунды (24.02.2012 - 02:52) veolancer написал(а):
Честно, это идиотизм использовать класс ссылки за вывод изображения как картинка-ссылка(ставить в имени неразрывны пробел и т.п.). По стандатру просто изображение обрамляется тегами 'a', как я описал в 4-ом посте.