[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: display block . непонятки
kenscl12
есть код допустим простой


<div class="menu">
<div
class="up">
<div
class="menunav">
<ul>
<li><a
href="#">Все продукты</a> </li>
</ul>
</div>

<div
class="menunav">
<ul>
<li><a
href="#">Алкоголь</a> </li>
</ul>
</div>

<div
class="menunav">
<ul>
<li><a
href="#">Автомобили</a> </li>
</ul>
</div>

<div
class="menunav">
<ul>
<li><a
href="#">Бытовая техника</a> </li>
</ul>
</div>
</div>
</div>



и стили



.menu{
background:url(<?php echo I_HOST.'/skins/images/menu.jpg';?>);
background-repeat:repeat-x;
background-position:top left;
width:100%;
height: 25%;
min-height: 85px;
}

.up{
padding-left: 100px;
padding-right: 100px;
height: 100%;
}

.menunav{
height:100%;
width: 25%; /* задаем ширину для div */
float: left; /* добавляем список в div */
/* задаем размер шрифта */

font-family: Verdana, Tahoma, arial, geneva, Helvetica, sans-serif;
}
.menunav ul {
list-style: none;
padding: 0px;
width: 100%;
background-color: #b5b7f4; /* задаем фоновый цвет элементов меню */
}

.menunav li a:link, .menunav li a:visited{
font-size: 90%;
margin-top:7%;
display: block;
float: left; /* располагаем список по горизонтали */
position: relative; /* контекст позиционирования для раскрывающегося меню с абсолютным позиционированием */
text-decoration: none;
width: 100%;
text-align: center;
border-right: 1px solid White;
border-left: 1px solid White;
height: 100%;


}

.menunav a {
display: block; /* пункты вложенного меню выделяются при наведении указателя */
text-decoration: none; /* удаляем подчеркивание ссылок */
color: White; /* задаем цвет шрифта */
width: 100%;
height: 100%;
}
.menunav a:hover {
color: #ff3333;
}
.menunav li:hover {
width: 100%;
}




По идее display block должен обеспечивать чтоб вся ссылка-кнопка действовала не только по горизонтали но и по вертикали. у меня только по горизонтали действует.
помогите понять почему не как надо?



Спустя 1 день, 13 часов, 14 минут, 42 секунды (23.07.2012 - 11:56) inpost написал(а):
не знаю откуда ты это нашел, но тут все плохо. смотри на самого родителя, у него в стилях стоит флоат, а это значит, что он уже не будет на всю высоту. Кроме этого 100 0/0 имеется ввиду, что 100 высоты НЕ ЭКРАНА, А РОДИТЕЛЯ. Если у родителя высота 300пх. То 100 0/0 для дочернего будет означать - 300пх.

Спустя 2 часа, 18 минут, 18 секунд (23.07.2012 - 14:14) kenscl12 написал(а):
а я уже решил вопрос)

Спустя 49 минут, 14 секунд (23.07.2012 - 15:03) kamanch написал(а):
kenscl12
Хорошим тоном считается выкладывать решение. Оно может кому-нибудь позже пригодиться.

Спустя 5 часов, 35 минут, 4 секунды (23.07.2012 - 20:38) inpost написал(а):
то, что ты решил - не очень мне интересно smile.gif
Для меня важно, чтобы ты понимал то, как работает данный участок кода. А если будешь в нем разбираться, то сможешь горы свернуть...

Спустя 19 часов, 38 минут, 50 секунд (24.07.2012 - 16:17) Guest написал(а):
ну собстно тут я взял грубый случай, на самом деле дело немножко иначе. Код можно посмотреть. Сайт www.dop.16mb.com

Спустя 43 секунды (24.07.2012 - 16:18) kenscl12 написал(а):
ну собстно тут я взял грубый случай, на самом деле дело немножко иначе. Код можно посмотреть. Сайт www.dop.16mb.com


_____________
Если бы господь бог не хотел бы чтобы человек мастурбировал, он сделал бы его руки короче
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.