Как закруглить углы для меню со всех сторон?

голоса: +2
Какую строку нужно отредактировать? Не могу разобраться.
Адрес сайта http://malinatomsk.ucoz.ru
| Автор: | Категория: Дизайн сайта

Ответов: 2

голоса: +5
 
Лучший ответ

В таблице стилей ищите строчку

#catmenu {
    background: none repeat-x scroll 0 0 #21041A;
    border-bottom: 1px solid #2F2F2F;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    line-height: 42px;
    margin: 15px 0 0;
    position: relative;
    z-index: 200;
}

Сделайте так

#catmenu {
    background: none repeat-x scroll 0 0 #21041A;
    border-bottom: 1px solid #2F2F2F;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    line-height: 42px;
    margin: 15px 0 0;
    position: relative;
    z-index: 200;
}
   

 

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Спасибо! Все сделала) Со свойствами я более-менее ознакомилась, а вот структуры не знаю, куда именно нужно это прописывать.
голоса: +3

Немного укоротим ксс..

#catmenu {
background: none repeat-x scroll 0 0 #21041A;
border-bottom: 1px solid #2F2F2F;
border-radius: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
line-height: 42px;
margin: 15px 0 0;
position: relative;
z-index: 200;
}

И ещё подправьте здесь...
 

#catmenu li:first-child > a {
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}

| Автор:
Спасибо) Полдня искала нужную строку))) со свойствами то я разобралась, знаю что именно нужно прописать, а вот где - это сложно, строк слишком много и непонятно что к чему относится.
...