как работают кнопки в меню

Подобрал шаблон, подходящий под мой проект, стал подгонять – это делал сотни раз, но в других "движках". Мне не нравится, как работают кнопки в меню. Неактивные они светлые ПРЯМОУГОЛЬНЫЕ, а при наведении или включении становятся красными, но уже с закруглёнными углами! И из под них торчат белые уголочки. Я не нахожу это правило ни в таблице стилей ни в графике (бывают рисунки кнопок). Кто знает, где еще это может быть прописано? Спасибо!

Положи сюда стиль шаблона. Так мы не сможем сказать. Если белые уголки точно фото и оно должно быть в стилях.

/*
Theme Name: Division-Wordpress
Theme URI: http:/http://www.hablogs.com/demo/index.php?wptheme=Division-Wordpress
Description: An amazing red & gray WordPress theme.
Version: 1.0
Author: Elad Domb
Author URI: http://wordpress.reviewitonline.net
*/
/*
Nifty CSS
*/
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*
CSS General Reset
*/
* {
font-family: arial;
font-size: 1em;
outline: 0;
padding: 0;
margin: 0;
border: 0;
text-decoration: none;
vertical-align: baseline;
white-space: normal;
}

html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ”}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}

/*
Layout CSS Information
*/
body {
background-image: url(‘images/Page-BgTexture.jpg’);
background-repeat: repeat;
background-attachment: fixed;
background-position: top center;
text-align: center;
}

#container {
width: 1000px;
margin-right: auto;
margin-left: auto;
text-align: left;
background-image: url(‘images/Block-v.png’);
border:2px solid #0000cc;
}

/*
Very Top Bar
*/
#top {
width: 1000px;
height: 24px;
margin-bottom: 5px;
background-image:
padding-top:3px;
padding-bottom:2px;
border-top:2px solid #0000FF;
}

#pagemenu {
float: left;
height: 24px;
display: inline;
z-index: 20;
}

#pagemenu li {
float: left;
display: block;
height: 24px;
margin-right: 5px;
}

#pagemenu li ul li {
height: 24px;
border-bottom: 1px solid #eee;
width: 100%;
}

#pagemenu li a {
display: block;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
font-size: 0.75em;
text-transform: lowercase;
line-height: 24px;
color: #333333;
background: #F5FFFF;
}

#pagemenu li a:hover {
background: #cf2020;
color: #fff;
}

#pagemenu li.current_page_item a {
background: #cf2020;
color: #fff;
}

#pagemenu li.current_page_item a:hover {
background: #cf2020;
color: #fff;
}

#pagemenu ul {
display: none;
z-index: 99;
position: absolute;
}

#pagemenu ul li a {
display: block;
background: #FFF;
}

#pagemenu li ul a:hover {
display: block;
background: #FFF;
}

#pagemenu ul a {
display: block;
}

#pagemenu ul ul {
margin-top: -25px;
display: none;
margin-left: 199px;
position: absolute;
}

#pagemenu li:hover ul ul {
display: none;
}
#pagemenu li:hover ul {
display: block;
}
#pagemenu ul li:hover ul {
display: block;
}
#pagemenu li ul li {
display: block;
width: 100%;
}

#pagemenu li.page_item ul {
border-top: 1px solid #eee;
width: 200px;
}

#pagemenu li.page_item a {
display: block;
}

#pagemenu li.page_item a:hover {
display: block;
}

#pagemenu li.page_item ul li a {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
background: #FFF;
padding-left: 10px;
padding-right: 10px;
text-transform: lowercase;
font-size: 0.7em;
font-weight: bold;
color: #333;
}

#pagemenu li.page_item ul li a:hover {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #a6dc00;
border-left: 1px solid #ddd;
background: #444;
padding-left: 10px;
padding-right: 10px;
text-transform: lowercase;
font-size: 0.7em;
font-weight: bold;
color: #d0f25b;
}

/*
Search bar
*/

P.s. Можент это поможет: Ie-6 показывает закругления так ж как и все браузеры. А насколько я знаю он эту функцию Css не поддерживает.

На мой взгляд было бы логичнее показать ссылку на сайта, а не вывалить сюда весь цсс, в котором несколько меню, при этом не указать в каком из них проблема

Сайт на Денвере. Могу дать ссылку на Демо шаблона но надо ли? А проблема где то здесь:

<ul id="pagemenu">
<li class="page_item current_page_item"><a href="http://localhost/svblog"
title="Главная страница">Главная</a></li>
<li class="page_item page-item-2"><a href="http://localhost/svblog/about" title="О сайте">О сайте</a></li>
<li class="page_item page-item-28"><a href="http://localhost/svblog/karta-sajta" title="Карта сайта">Карта сайта</a></li>
<li class="page_item page-item-30"><a href="http://localhost/svblog/ob-avtore" title="Об авторе">Об авторе</a></li>
<li class="page_item page-item-38"><a href="http://localhost/svblog/kontakty" title="Контакты">Контакты</a></li>
</ul>

Все эти кнопки барахлят в смысле скругления углов.

Проблему решил, закругление было прописано скриптами (поэтому ИЕ-6 показывал нормально), спасибо всем.

Anonymous
Отправить
Ответ на: