Перейти к публикации

Рекомендованные сообщения

.convert {height:81px; width:125px; background-image:url(sprites.png); background-repeat:no-repeat; backrgound-position: -80 0px;} 

.convert:hover {height:81px; width:125px; background-image:url(sprites.png); background-repeat:no-repeat; backrgound-position: -60 0px;}

я немного ступил в репите, + путь не правильно был прописан у тебя

Ссылка на сообщение
Поделиться на других сайтах

Нет, все равно не отображается... Если в ссылку ничего не вписанно, ничего не показывает, а если в ссылку добавить буков, то показывает только часть картинки именно на длинну буковок и то, при наведении они не меняются((

Ссылка на сообщение
Поделиться на других сайтах

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">


<head>

<style type="text/css"> 

.convert {height:81px; width:125px; background-image:url(sprites.png); background-repeat:no-repeat; background-position: -80px 0px;} 

.convert:hover {background-position: -60px 0px;}

</style>

</head>


<body bgcolor="#cccccc">

<div class="convert"><a href="">dsfds</a></div><div class="convert"></div>

</body>


</html>

100% рабочий вариант, все работает, проверил

Ссылка на сообщение
Поделиться на других сайтах

Рабочий то он рабочий)) Но все равно не тоооооооооооо =)

У Вас работает только если наводишь мышкой... А если ссылку вставить но без текста, то получается тоже самое что и вариант один! Понимаете, у меня картинка должна быть в качестве ссылки, а не ссылка написаная на картинке!!

Все, вроде получилось, но выводить надо тогда вот так в итоге

<a href=""><div class="convert"></div></a>

а не так как было

<div class="convert"><a href=""></a></div>

Спасибо

Ссылка на сообщение
Поделиться на других сайтах

Не правильно делаете. Создайте px.gif - изображение 1х1 пикселей прозрачное

<div class="convert"><a href=""><img src="px.gif" width="81px" height="81" alt="" /></a></div>

думаю намек понят =)

Ссылка на сообщение
Поделиться на других сайтах

Вот намудрили, не нужны там никакие дополнительные диви и однопиксельные картинки.

Используйте display:block для ссылки и отступ для текста ссылки, чтобы его убрать. В примере, который я выкладывал это есть.

В вашем варианте вообще еще проще можно сделать - при наведении не картинку использовать а зеленый фон и border-radius

Ссылка на сообщение
Поделиться на других сайтах

Если делать отсутп как вы указали в 1000 единиц или что то там, то появляется скролинг.. Да ладно, уже все сделал) Сижу картинки набиваю в один файл и растявляю позиции)

Ссылка на сообщение
Поделиться на других сайтах

Да ладно, уже разобрался, вот на главной уже 4 картинки заменил, они теперь из одного файлика... Сейчас работаю над остальными =)

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...