подсветка логотипа при наведении курсора?

NW
На сайте с 08.12.2011
Offline
77
1552

Здравствуйте !

давно не вставил логотип с подсветкой при наведении курсора !

и сегодня пишу сайт для ювелира, там нужно вставить логотип с подсветкой при наведении !

вот как на этом сайте !

http://www.vahanjewelry.com

ставлю во таким образам !

<div id="logo"><a href="index.html"></a></div>

а в css вот так

#logo{ background-image:url('images/logo.png'); background-repeat:no-repeat; margin-left:150px; width:318px; height:150px; padding-top:50px;}

#logo:hover{ background-image:url('images/logohover.png'); background-repeat:no-repeat; }

и как в свойствах пишу падинг, логотип удваивается !

как с этим быть помогите плиз !

Анкета для новичков и профессионалов, вопросы могут быть разными!
S
На сайте с 03.01.2012
Offline
26
#1

padding-top:50px; добавляет к высоте div дополнительные 50 пикс. Как вариант задать height:100px;

maldivec
На сайте с 04.11.2008
Offline
160
#2

Почему вы используете padding-top:50px;, а не margin-top:50px;?

NW
На сайте с 08.12.2011
Offline
77
#3
maldivec:
Почему вы используете padding-top:50px;, а не margin-top:50px;?

при margin-top:50px шапка тоже двигается !

---------- Добавлено 15.02.2012 в 16:01 ----------

Спасибо всем проблему решил !

тс. не проблема была а моя тупость )))))

я случайно bg вставил в див там где лого !)))))))))))))

позор просто !

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий