<div class="row"> <div class="col-3"> <div id="logo"><a href="<?php echo href_to_home(); ?>"></a></div> </div> <div class="col-9"> <?php if($this->hasWidgetsOn('header')) { ?> <nav> <?php $this->widgets('header', false, 'wrapper_plain'); ?> </nav> <?php } ?> </div> </div>
Есть вот такой код
в нем у <div class="row"> свойство overflow: hidden; из-за этого не видно выпадающие пункты меню. как не бьюсь не могу победить. Подскажите пожалуйста как победить с минимальными потерями?
#2
26 мая 2015 в 18:30
Так Вы в стилях к самому классу col-9 нарисуйте импотента (!important).
Импотент побеждает все приоритеты.
Импотент побеждает все приоритеты.
#3
26 мая 2015 в 18:42
Так Вы в стилях к самому классу col-9 нарисуйте импотента (!important).
Импотент побеждает все приоритеты.
.row { margin: 0 auto; overflow: hidden; width: 96%; padding:0 2%; } .row-in { margin: 0; overflow: hidden; width: 100%; padding:0; } .row > div:last-child,.row-in > div:last-child { margin-right: 0 } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 { float: left; margin-right: 2%; min-height: 1px; } .col-1 { width: 6.5%; } .col-2 { width: 15%; } .col-3 { width: 23.5%; } .col-4 { width: 32%; } .col-5 { width: 40.5%; } .col-6 { width: 49%; } .col-7 { width: 57.5%; } .col-8 { width: 66%; } .col-9 { width: 74.5%; } .col-10 { width: 83%; } .col-11 { width: 91.5%; } .col-12 { width: 100%; } img, object, embed { max-width: 100%; } img { height: auto; } .last { margin-right: 0 } .no_padding { width: 100%; padding:0 0; background: #3d4b54; } #logo a{ display: block; float: left; width: 133px; height: 50px; background: url("../images/logo.png") no-repeat left center; margin-left:5%; } /* Section ================================================================== */ #body section{ float:left; width:66%; } #body section article { } /* Sidebar ================================================================== */ #body aside{ float:right; width:32%; } /* Main Navigation =========================================================== */ nav { height:50px; padding: 0; font-size:14px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); } nav .menu, nav .menu li, nav .menu ul { list-style: none; margin: 0; padding: 0; } nav .menu { position: relative; z-index: 1000; float: right; height: 50px; line-height: 50px; } nav .menu .item{ background-image:none !important; } nav .menu > li { float: left; } nav .menu > li:first-child { background:none; } nav .menu > li > a { display: block; padding: 0 20px; color:#FFF; text-decoration: none; border-left: 1px solid #485a63; } nav .menu > li > a:hover { background: #303e45 !important; } nav .menu > li.active > a { background: #303e45 !important; } nav .menu > li.active > a:hover { } nav .menu > li.active > ul a:hover { color:#000; } nav .menu ul li a, nav .menu li.active ul li a { color: #000; text-shadow: none; text-decoration: none; padding: 0 10px; } nav .menu li ul li.active > a{ color:#2980B9; } nav .menu li ul li.active > a:hover { color:#2980B9; } nav .menu ul li:hover > a { background-color: #DAE9FA; } nav .menu li:hover { position: relative; z-index: 599; cursor: default; } nav .menu ul { visibility: hidden; position: absolute; top: 98%; left: 0; z-index: 598; width: 100%; box-shadow: 0 1px 1px #000; } nav .menu ul li { float: none; border-bottom: solid 1px #DAE9FA; background-color: #f9f9f9; color: #000; } nav .menu ul li:last-child { border-bottom: none; } nav .menu ul li a { display: block; height:30px; line-height:30px; overflow: hidden; } nav .menu ul ul { top: 0px; left: 99%; } nav .menu li:hover > ul { visibility: visible; } nav .menu ul { width: 200px; margin-top: 1px; } nav .menu ul li:last-child, nav .menu ul li:last-child a { } nav .menu ul li:first-child, nav .menu ul li:first-child a { } nav .menu > .folder > a { padding-right: 8px; } nav .menu > .folder > a > .wrap { padding-right: 20px; background: url("../images/nav-arrow-down-white.png") no
Сегодня в 16:50
#4
26 мая 2015 в 19:33
Итак, начнем сначала.
Я так понимаю, это какой-то не дефолтный шаблон для instant 2 ?
Вы пытаетесь сделать там какое-то выпадающее меню?
Вместо hidden пробовали написать auto | hidden | scroll | visible | inherit?
Я так понимаю, это какой-то не дефолтный шаблон для instant 2 ?
Вы пытаетесь сделать там какое-то выпадающее меню?
Вместо hidden пробовали написать auto | hidden | scroll | visible | inherit?
#5
26 мая 2015 в 19:47
Итак, начнем сначала.
Я так понимаю, это какой-то не дефолтный шаблон для instant 2 ?
Вы пытаетесь сделать там какое-то выпадающее меню?
Вместо hidden пробовали написать auto | hidden | scroll | visible | inherit ?
пробовал.
#6
26 мая 2015 в 20:24
Что с ответами на предыдущие вопросы?пробовал.
#7
26 мая 2015 в 20:34
Что с ответами на предыдущие вопросы?пробовал.
наверное отложим дискуссию. сделаем по другому, скину в инет, чтоб понятно было а там продолжим.
Тут не победит: тот случай когда родители не в ответе за потомков.Так Вы в стилях к самому классу col-9 нарисуйте импотента (!important).
Импотент побеждает все приоритеты.
Несколько вариантов на выбор:
— назначение идентификатора
— составной селектор классов
— назначение пользовательского стиля
— очищение потока другим способом (тут тоже вариантов несколько)
Если нет каких-либо дополнительных условий, я б выбрал второй вариант.
<div class="row visible">
.row.visible{ overflow:visible }
#9
26 мая 2015 в 23:38
Тут не победит: тот случай когда родители не в ответе за потомков.
Спасибо, буду знать!
Век живи — век учись… и дураком помрешь…
Hidden VS Human, who won?