Yazon_Nile

Ахха.аа. Я так понял по скриншоту, что тому, кто предложил использовать оператор сложения минусов наставили? Типа лошара полный?)))

Большая?) Или я не понял иронии?

http://jsfiddle.net/E5kQK/24/

Bonzash, ойойойойойййоооойй.. Да вы что То что вы написали - невалидно и будет работать только для дива вложенного в ссылку. А у нас наоборот. Ссылка в диве, на который срабатывает какое-то событие при ховере на ссылку. Без джс обратиться к родителю нельзя никак.

Все работает как надо. Не пойму в чем проблема. Все тянется.

или джиквери html <div class="some"> <a href="#" class="link">text</a> </div> $('.link').hover(function(){ $(this).parent().css({'background':'#f00'}); });

Высота строки выше чем высота ячейки, поэтому высота ячейки увеличилась до высоты строки

Быть не может. Разве на основном блоке стоит высота с оверфлоу хидден. цсс покажи

вместо флоатов: css img, span{ display:inline-block; margin:0 -3px 0 0; vertical-align:middle; } span{margin:0;} * +html img, * +html span{display:inline} /* IE7 fix */ *html img, *html span{display:inline} /* IE6 fix*/ Как-то так)

js.. Как именно не подскажу. не спец.

Ещё вариант твой же бг повесить 50% 0 и к бг ещё цвет залить)

Наверное класс на таблице висел)

сайт недоступен.. качать архив желания нет)

<span>Test</span> <dl> <dt>ABCD123:</dt> <dd>132</dd> <dt>ASDF123:</dt> <dd>123</dd> </dl> span{ float:left; margin:0 5px 0 0; } dl{ margin:0; overflow:hidden; } dt{ float:left; margin:0 5px 0 0; } dd{overflow:hidden;}

ссылку на абсолют внизу. \А на текст нижний паддинг.

Использовал пай ввиде джс. Все работало отлично. Ну да. Релеитивы кое-где доставить ндао было..

*:hover{ }

В этом и проблема, что сейчас абы сделать, а когда за жопу проблема возьмет, и буду думать) Сразу такие вещи надо делать и продумывать

А как себя будут вести выпадающие пункты у послендней лишки к примеру? Обычно, горизонтально выпадающие списки располагаются не под "своей" лишкой, а в каком-то одном и том же месте для всех. Например под основным списком слева. Или справа. Кому как нравится..

Боковые маржины,кстати, работают нормально) Только верх/низ такая бедуля.

Честно говоря, набор слов )) на бекграунд размеры задать нельзя. Можно задать на блок, который содердит этот бг. Да и на скорость загрузки страницы вляет другое совсем )

Что нужно в итоге получить? Выпадающие пункты чтобы горизонтально выстраивались?

Не обижайтесь, но код ваш ужасен.. #nav ul{ display: block; width: 100%; } список и так блочный и имеет ширину 100% Вместо этого лучше бы обнулили паддинги и маржины + лейаут.. Список то схлопнулся! #nav ul li{ float: left; display: block; padding: 6px 17px 14px 1px; text-align: left; } текст алигн-лефт по умлолчанию есть + при флоте елементы становятся блочными. (лишки блочные по умолчанию) #nav ul li a{ padding: 10px; line-height: 37px; font: bold 14px Verdana, sans-serif; color: #666; } не все браузеры хавают лаин=хеит на инлайновых элементах. Верхний и нижний паддинги на инлайновые елементы - это ошибка. Вот сюда бы дисплеи:блок - было бы логично поставить #nav span.podmenu { position: absolute; display: none; padding-top: 30px; background: transparent; vertical-align: bottom; } Зачем вертикал алигн? При позишн абсолют нету данных о позиционировании - лефт или райт, топ или боттом #nav{ height:1%; font:15px/17px Arial, Helvetica, sans-serif; list-style:none; margin:0; padding:0; } #nav:after{ clear:both; content:''; display:block; } #nav > li{ float:left; margin:0 0 0 10px; } #nav li:first-child{margin:0;} #nav > li > a{ color:#000; display:block; padding:10px; text-decoration:none; } #nav > li:hover{ position:relative; } #nav > li > a:hover, #nav > li:hover > a{background:#ffc;} #nav ul{ display:none; font-size:12px; line-height:15px; left:0; list-style:none; margin:0; top:100%; padding:0; position:absolute; width:auto; } #nav > li:hover ul{display:block;} #nav ul li{ float:left; margin:0 0 0 5px; } #nav ul a{ color:#333; float:left; padding:5px; text-decoration:none; } #nav ul a:hover{background:#c2c2c2;} <ul id="nav"> <li><a href="#">Головна</a></li> <li> <a href="#">Місцева демократія</a> <ul> <li><a href="#">Законодавчи инициативы</a></li> <li><a href="#">Позиции експертив</a></li> </ul> </li> <li><a href="#">Державна допомога</a></li> <li><a href="#">Державні закупівлі</a></li> <li><a href="#">Свідомий вибір</a></li> <li><a href="#">Мережа</a></li> </ul>

Джесом. 1. var windowHeight 2. var headerHeight 3. var footerHeight 4. var mainHeight = windowHeight - headerHeight - footerHeight 5. Переменную mainHeight засунуть в значение высоты для меин1 и меин2. Естессно, функция должна срабатывать только если окно не переполнено, те нету скролла.

Утверждать так не правильно! Всякие дропы и блоки, вытянутые отрицательными маржинами тому подтверждение. Просто пользуйся и задавай лейаут контейнерам, которые содаржат блоки с флоат - так вернее))