raen 30 Posted May 6, 2014 Report Share Posted May 6, 2014 Здравствуйте. Собственно, в чем проблема. На данный момент сайт имеет такое меню: При наведении мышки оно становится таким: Вот в чем вопрос. Нужно сделать так. чтобы при наведении мышки оно было таким, то есть добавлялась маленькая картинка по центру. CSS меню: #menug{ float:left; width:1000 px; } #menug ul{ list-style:none; } #menug li{ list-style:none; display:block; float:left; background:#fff; border-bottom:4px solid #d9d9d9; } #menug li a{ display:block; float:left; color:#5c5c5c; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:35px; text-decoration:none; padding:0 25px; } #menug li a:hover{ color:#75902d; } #menug li a.current{ display:block; float:left; background:#f4f4ec; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:35px; border:solid #e1e1d3; border-width:1px 1px 0 0; text-decoration:none; padding:0 25px; } #menug li a:hover{ display:block; float:left; background:#f4f4ec; color:#5c5c5c; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:35px; text-decoration:none; padding:0 25px; } Quote Link to post Share on other sites
MARLOV 132 Posted May 6, 2014 Report Share Posted May 6, 2014 Такую фигуру можно и с помощью css реализовать, но я нуб, уже не помню как Quote Link to post Share on other sites
raen 30 Posted May 6, 2014 Author Report Share Posted May 6, 2014 Такую фигуру можно и с помощью css реализовать, но я нуб, уже не помню как при помощи css вообще было бы идеально Quote Link to post Share on other sites
Модератор files 2802 Posted May 6, 2014 Модератор Report Share Posted May 6, 2014 Сюда http://habrahabr.ru/post/161041/ и сюда http://jsfiddle.net/ как вариант http://jsfiddle.net/shVqQ/ raen 1 Quote Link to post Share on other sites
fanl2 14 Posted May 6, 2014 Report Share Posted May 6, 2014 http://cssdesk.com/wNH9A raen 1 Quote Link to post Share on other sites
raen 30 Posted May 6, 2014 Author Report Share Posted May 6, 2014 http://cssdesk.com/wNH9A Спасибо большое!! Сюда http://habrahabr.ru/post/161041/ и сюда http://jsfiddle.net/ как вариант http://jsfiddle.net/shVqQ/ И Вам спасибо! Тему можно закрыть Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.