чтоб так выделялся пункт меню.
Меню делаю на шапке позиционированием.
<a href="index.php" class="m1">Главная</а>СТИЛИ
Проблема в том, что не происходит при наведении пункт меню не делается так как на http://russeler.com
.m1{position:relative; top:-32px; left:-190px;
font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCFF99;
text-decoration:none; }
.m1:hover{width:400px; height:70px; background:#92dbd9; color:white; }
Как сделать так как там?
Спустя 33 минуты, 29 секунд (20.10.2010 - 20:29) aH6y написал(а):
a {
сюда пишешь обычный вид ссылки
}
a:hover {
сюда пишешь вид при наведении на ссылку
}
Спустя 14 минут, 39 секунд (20.10.2010 - 20:43) DmitryOpalev написал(а):
А он разве не это написал?...
Спустя 32 минуты, 13 секунд (20.10.2010 - 21:15) Golovastik написал(а):
Вот тестовую для примера сделал что у меня выходит.
Я не могу сделать так чтоб выделялся квадрат побольше, а не выделялась только ссылка.
Вот такое фото при наведении хочу получить.
http://ipicture.ru/uploads/101020/Nq354Ze2RT.jpg
Я не могу сделать так чтоб выделялся квадрат побольше, а не выделялась только ссылка.
Вот такое фото при наведении хочу получить.
http://ipicture.ru/uploads/101020/Nq354Ze2RT.jpg
Спустя 1 минута, 31 секунда (20.10.2010 - 21:17) arvitaly написал(а):
display:block
Спустя 5 минут, 23 секунды (20.10.2010 - 21:22) Golovastik написал(а):
Тогда будет идти выделени начиная от слова, а не левее его не захватит фоном при наведении левее пункта меню и выше его
Спустя 15 минут, 38 секунд (20.10.2010 - 21:38) arvitaly написал(а):
ничего не понял
Спустя 10 минут, 45 секунд (20.10.2010 - 21:49) Golovastik написал(а):
Посмотрите на фото, там я нарисовал ,что я хочу получить в результате пр и наведении мышкой, скажите что нужн ов коде добавить чтоб получить такое результат и где добавить?
Спустя 4 минуты, 37 секунд (20.10.2010 - 21:53) arvitaly написал(а):
<style type="text/css">
.m1{position:relative; top:-36px; left:-42px;padding-left:35px;
font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCFF99; text-decoration:none;display:block;width:135px; height:36px; }
.m1:hover{ background:red; color:black; }
</style>
Спустя 10 часов, 55 минут, 58 секунд (21.10.2010 - 08:49) aH6y написал(а):
что-то я затупил...
Спустя 7 часов, 54 минуты, 28 секунд (21.10.2010 - 16:44) Golovastik написал(а):
Вот моя шапка, и модернизированный код. Проблема в том, что текст при наведении опускается вместе со всем, просто я хочу сделать чтоб верхнюю линиюю меню не закрывала картинка, которая будет отображаться при наведении мышью. http://www.sharemania.ru/0296779
Чтоб текст главная не опускалось вниз надо.
Чтоб текст главная не опускалось вниз надо.