| |
 15.7 Кб |
|
| | Делаю горизонтальное меню. с закруглениями внизу на кнопках.
html:
<div class="menu">
<ul class="radius">
<li>
<div class="barn">
<a href="./"><span>Главноя</span></a>
</div>
<b class="rn3"> </b><b class="rn2"> </b><b class="rn1"> </b>
</li>
<li>...и так далее...</li>
</ul>
</div>
|
css:
.menu {
background:none;
margin-bottom: 0px;
}
.barn {
padding:0px 1px 25px 0px;
background-color:#c94c13;
}
.barn a:hover{
background:#a13c0f;
}
.barn a{
font-size:115%;
text-align: center;
height: 100%;
}
ul.radius {
list-style:none;
overflow:hidden;
padding:0 10px;
}
ul.radius li {
float:left;
margin-right:4px;
}
ul.radius li a {
display:block;
float:left;
padding-right:0px;
text-decoration:none;
color:#fff;
}
.rn1, .rn2, .rn3 {display: block; height: 1px; background: #c94c13;font-size:0%;
}
.rn1 { margin: 0 4px; }
.rn2 { margin: 0 2px; }
.rn3 { margin: 0 1px; height: 2px; }
|
IE уменьшает эти мои закругления (3 <div>-а)
все остальные браузеры показывают все как надо
есть подозрения что гдето есть "чтото" что коверкает <ul><li> тк если я убираю эти теги то получается все ок только вертикально.
может я чтото пропустил? помогите.
зы под каждой кнопкой 3 точи это и должно быть закругления
правлю шаблон phpbb | |
| |
|
|
| |
15.2 Кб |
|
| |
для: vorobey
(11.10.2009 в 21:21)
| | | вот что получается во остальных браузерах.... | |
| |
|
|
| |
|
|
| |
для: vorobey
(12.10.2009 в 00:02)
| | | проставьте li -- display:block и всем элементам явно пропишите высоту | |
| |
|
|
| |
|
|
| |
для: AlexSol
(12.10.2009 в 09:54)
| | | там стоит 1px всем трем дивам
пробовал li display:block; , вроде если ставить ul display:block; то li должно наследовать свойство ul
я уже плачу капец какойто | |
| |
|
|
| |
|
|
| |
для: vorobey
(12.10.2009 в 23:48)
| | | К сожалению, сам испытать не могу, т.к. у меня ИЕ7 и в нем углы закруглены. Но попробуй в разделе ul.radius прописать фиксированную ширину, а к его же overflow:hidden; добваить !important
Это не совсем правильно, но может помочь. | |
| |
|
|
| |
17.9 Кб |
|
| |
для: DJ Paltus
(13.10.2009 в 00:26)
| | | ширина помогает, но вид портится. все кнопки одинаковой ширины - негодится
см скрин
можно в принципе к каждой кнопке подцепить стиль ширины свой, но у меня в админке еще 7 и в личных разделах около 5-8 кнопок и гдето еще .... | |
| |
|
|
| |
|
|
| |
для: vorobey
(12.10.2009 в 23:48)
| | | в общем я тоже так плакал пока не установил кучу браузеров и не стал верстать в "формате"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
так что добро пожаловать в наш клуб.
в сложных моментах для IE требуются особые правила. | |
| |
|
|
| |
|
|
| |
для: neokortex
(13.10.2009 в 00:30)
| | | подскажите особые правила!!!! буду признателен
шаблон на (писал выше phpbb)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| |
|
|
