WebSet 74 Опубликовано: 24 марта 2011 Рассказать Опубликовано: 24 марта 2011 .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;} я немного ступил в репите, + путь не правильно был прописан у тебя Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 24 марта 2011 Рассказать Опубликовано: 24 марта 2011 Автор Нет, все равно не отображается... Если в ссылку ничего не вписанно, ничего не показывает, а если в ссылку добавить буков, то показывает только часть картинки именно на длинну буковок и то, при наведении они не меняются(( Цитата Ссылка на сообщение Поделиться на других сайтах
WebSet 74 Опубликовано: 24 марта 2011 Рассказать Опубликовано: 24 марта 2011 <!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% рабочий вариант, все работает, проверил Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 24 марта 2011 Рассказать Опубликовано: 24 марта 2011 Автор Рабочий то он рабочий)) Но все равно не тоооооооооооо =) У Вас работает только если наводишь мышкой... А если ссылку вставить но без текста, то получается тоже самое что и вариант один! Понимаете, у меня картинка должна быть в качестве ссылки, а не ссылка написаная на картинке!!Все, вроде получилось, но выводить надо тогда вот так в итоге <a href=""><div class="convert"></div></a> а не так как было <div class="convert"><a href=""></a></div> Спасибо Цитата Ссылка на сообщение Поделиться на других сайтах
WebSet 74 Опубликовано: 24 марта 2011 Рассказать Опубликовано: 24 марта 2011 Не правильно делаете. Создайте px.gif - изображение 1х1 пикселей прозрачное <div class="convert"><a href=""><img src="px.gif" width="81px" height="81" alt="" /></a></div> думаю намек понят =) Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 24 марта 2011 Рассказать Опубликовано: 24 марта 2011 Автор Зачем так усложнять, если по моему варианту кода короче в два раза?) Цитата Ссылка на сообщение Поделиться на других сайтах
- Den - 32 Опубликовано: 24 марта 2011 Рассказать Опубликовано: 24 марта 2011 Вот намудрили, не нужны там никакие дополнительные диви и однопиксельные картинки. Используйте display:block для ссылки и отступ для текста ссылки, чтобы его убрать. В примере, который я выкладывал это есть. В вашем варианте вообще еще проще можно сделать - при наведении не картинку использовать а зеленый фон и border-radius Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 24 марта 2011 Рассказать Опубликовано: 24 марта 2011 Автор Если делать отсутп как вы указали в 1000 единиц или что то там, то появляется скролинг.. Да ладно, уже все сделал) Сижу картинки набиваю в один файл и растявляю позиции) Цитата Ссылка на сообщение Поделиться на других сайтах
- Den - 32 Опубликовано: 24 марта 2011 Рассказать Опубликовано: 24 марта 2011 появляется скролинг Он не должен появляться. Что-то у вас там не так, как нужно. Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 25 марта 2011 Рассказать Опубликовано: 25 марта 2011 Автор Да ладно, уже разобрался, вот на главной уже 4 картинки заменил, они теперь из одного файлика... Сейчас работаю над остальными =) Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.