AKyHuH

проблема в том, что мне не к item надо класс добавить, а к его родителю... в данном случае это должен быть класс к элементу списка <li> Вообще я как-то примерно так себе это представляю, но оно не работает: id известно function( id ){ item = document.getElementById(id); parentId = item.parent().attr('id'); jQuery(parentId).addClass('simple_class'); } сдается мне, вот тут что-то не так: parentId = item.parent().attr('id');

Здравствуйте! Честно говоря вообще полный нуль в JavaScript и иже с ним... но необходимо решить такую задачку есть: item = document.getElementById(id); нужно к родителю item добавить класс "simle_class"... html вот такой: <ul> <li class="menu" id="menu_item1"> <a href="">Link</a> <div id="id1" class="dropdownmenu" style="visibility: hidden"> ... </div> </li> ... <li>...</li> </ul> в общем-то ситуация следующая. Есть меню с выпадающими подменю для каждого пункта, при наведении курсора на ссылку меню она меняет размер (li a:hover {font-size: 120%;} и появляется выпадающее подменю, так вот проблема в том, что когда курсор перевожу на выпадающее подменю, естественно стиль a:hover для ссылки меню пропадает... а нужно, чтобы шрифт пункта меню оставался укрупненным, пока курсор на его выпадающем подменю. подумал, что правильно будет добавить к пункту меню новый класс (например "simle_class") когда открыто подменю и удалить этот класс, когда подменю закрывается... а в этом классе уже задать все украшательства для раскрытого пункта меню. НО ума не приложу, как добавить этот класс к элементу <li>, если знаю только id div'a, находящегося внутри него.

нуууу, как бы это сказать, я вообще нигде и никогда не учился html-верстке, я как бы больше программер, но жизнь заставила заняться и версткой... учился примерно следующим образом, скачал заглавную страницу mail.ru (было это, не соврать... году эдак в 2000-м), тогда она была сверстана таблицами... методом "удалил кусок кода, посмотрел что на странице изменилось" разобрался в том, какой тег за что отвечает, ну вот как-то так и сверстал свою первую страницу... переход с табличной верстки на слои поначалу вообще морально мне не давался, организм как-то даже сопротивлялся... но всё же вник кое-как, теперь вот пытаюсь разобраться в тонкостях этого процесса, не без вашей помощи Пошел верстать дальше, осталось каких-то 70-80 страниц шаблона доверстать

Спасибо, то, что надо про inline-block то я и забыл... вот что значит начать верстать ещё на старых браузерах, как-то органически отторгаются все "новые" свойства....

как вариант... хотя, не семантично ... в общем задача переформулируется в следующую: "Как сделать горизонтальный ряд блочных элементов внутри контейнера фиксированной ширины, с горизонтальной прокруткой в случае выхода ряда за пределы контейнера"... объясню в чем принципиальная позиция использования блочных элементов... как видно из картинки сверху, список состоит из картинок со ссылкой, так вот интерфейсом предусмотрено, что клик должен быть активен не только на ссылке, но и по всей площади невидимого прямоугольника, который обрамляет картинку вместе со ссылкой... соответственно элемент <a> должен быть блочным...

так и сделал... но переносится и всё тут.... <div style="overflow: auto; width: 400px; height: 100px; white-space: nowrap;"> <ul id="friends-list"> <li id="friend-81"> <a href="java script:void(0);"> <img class="avatar" src="" alt="Константинопольский Костя"> Константинопольский Костя</a> <input name="invite-list[]" value="81" type="hidden"> </li> <li id="friend-74"> <a href="java script:void(0);"> <img class="avatar" src="" alt="Tester"> Tester</a> <input name="invite-list[]" value="74" type="hidden"> </li> <li id="friend-80"> <a href="java script:void(0);"> <img class="avatar" src="" alt="Tester6"> Tester6</a> <input name="invite-list[]" value="80" type="hidden"> </li> <li id="friend-78"> <a href="java script:void(0);"> <img class="avatar" src="" alt="Tester4"> Tester4</a> <input name="invite-list[]" value="78" type="hidden"> </li> </ul> </div> вот кусок кода... методом тыка определил, что косяк в "float: left;" в списке, если ставить display: inline, то всё ок, но проблема в том, что у меня используется float: left для выравнивания подписи относительно картинки...

потому что список плоский.... горизонтальный... ну, можно сделать display: inline, без разницы... хм, тут нечего особенно рисовать то.... ну схематично давайте изображу... картинка1 картинка2 картинка3 это если обычный список... у меня список горизонтальный, поэтому выглядит он вот так картинка1 картинка2 картинка3 теперь представьте, что у меня картинок этих 20 штук и мне надо чтобы они все были в одну строку, но только эта строка не должна уходить за пределы экрана, а в блоке, где расположен список должна появиться горизонтальная полоса прокрутки, чтобы картинки можно было пролистать

День добрый. Я, как всегда, с нубо-проблемой В общем задача следующая, сделать нужно что-то типа "карусели", но средствами html+css. Если более подробно, то... Есть плоский список (float: left; list-style: none), внутри каждого элемента списка ссылка внутри которой картинка с подписью под ней... <ul> <li> <a href="#"> <img src="" alt="" /> </a> <a href="#"> Text </a> </li> ... </ul> так вот, допустим я помещаю этот список в контейнер шириной 400px и высотой 100px (overflow-x: scroll)... далее хочу видеть плоский список своих картинок, но, если ширина списка больше 400px должна появиться горизонтальная полоса прокрутки.... добавление свойства white-space: nowrap; к UL почему-то не помогает... всё равно список переносится на следующую строку...

хм... ксс3... я пока вообще плохо себе представляю где это работает, а где нет...

ага, круто это типа так Лужков отвечает, когда к нему прорабы приходят и говорят "насяльника, так строить нивазможнама", а он говорит "посмотрите, как Бог за 7 дней построил" самое крутое, когда экран сужаешь сильно, у них весь сайт в один столбец выстраивается и графика отключается... черная магия, ни иначе

ну, можно и так сказать

честно говоря поковыряв 5 минут так и не допер в чем там косяк, но решение нашел... выглядит оно вот так: div.popup li { display: block !important; clear: both; } поковыряв ещё 2 минуты пришел к выводу, что косяк вот тут: ul.Menu li { position: relative; list-style: none; float: left; color: White; } а именно в float: left которое применяется ко всем li внутри ul.Menu, а ваш выпадающий список также получается попадает по это правило и никакой display: block тут не поможет, ибо блоки замечательно следуют правилам обтекания в том числе и float: left;

честно говоря, такое чувство что микрософт пользуется пэйджмейкером для создания страничек, т.к. коды у них какие-то нереальные... ИМХО, не советую в эти дебри лезть, т.к. намного проще самому сделать выпадающее меню...

Это уже вопрос по пхп... когда пользователь жмет на сабмит, скрипт получает переменную типа POST с текстом формы, так вот там у тебя будут \r\n и вот их с помощью (если не ошибаюсь) простого strreplace заменяешь на <br /> при чем желательно это делать не перед записыванием перемнной в базу, а перед выводом этой переменной в браузер, т.е. в тот момент, когда тот самый пост ты показываешь пользователю

ну да, должно получиться, что человеку требуется, если прикрутить это к моему варианту css: ul.icons li { list-style: none; padding-left: 32px; background: transparent url(../images/icon-gazeta.gif) no-repeat left center; min-height: 32px; } html: <ul class="icons"> <li>fdjldkfjgldfkgj</li> <li>fdjldkfjgldfkgj</li> <li>fdjldkfjgldfkgj</li> </ul> вот даже так, если маркер всегда одинаковый

викторина? думаю ничего не нашли, потому что ни там искали, тут надо паддингами и маргинами играть, а ссылка на лист-стайл... хм, почитал первый пост, вопрос то вообще в том, чтобы маркер вертикально по центру был, а не в том, что он начинается на одну строку выше текста... тогда тут другой подход нужен...

хм css: ul.icons li{ list-style: none; } .icon1, .icon2, .icon3 { padding-left: 32px; } .icon1 { background: transparent url(../images/icon1.gif) no-repeat; } .icon2 { background: transparent url(../images/icon2.gif) no-repeat; } .icon3 { background: transparent url(../images/icon3.gif) no-repeat; } html: <ul class="icons"> <li class="icon1">fdjldkfjgldfkgj</li> <li class="icon2">fdjldkfjgldfkgj</li> <li class="icon3">fdjldkfjgldfkgj</li> </ul> я как-то так себе это представляю

честно говоря уже нашел решение проблема не в том, что мне лень, а в том, что задолбался запрос формулировать... пока не дошло реально спросить яндеха про двухколоночный макет ))))

Дабы не захламлять форум, задам свой новый вопрос тут есть 2 флоэт лефт блока, левый фиксированной ширины, правый резиновый, при сужении окна браузера правый блок соскакивает под левый... и ничего не помогает... чую, что вопрос нубский, но как быть ума не приложу, опять прошу помощи.

Хм, извиняюсь, что вмешиваюсь в вашу беседу, но простой вопрос, а что если одинаковое отображение в разных браузерах - это не блажь, а необходимость? Ведь зачастую верстая страницу под один браузер кодеры попадают в ситуацию, когда в другом браузере верстка разъезжается... я говорю не о банальном увеличении или уменьшении маргинов и паддингов, а том, что блоки соскакивают или налезают друг на друга, о том, когда элементы верстки вписанные в дизайн начинают его ломать... 1-2 раза таких вот наблюдений за поведением своего кода и переверстка его по-новой лично меня заставили открывать страницу сразу в нескольких браузерах и педантично приводить элементы к одинаковому отображению, при чем чисто косметические изменения может быть и занимают время, но очень небольшое, поэтому я лично считаю, что им можно пренебречь, а вот когда дело касается действительно серьёзных разногласий браузеров, то и времени тут уходит прилично и никуда от этого не деться... каким бы заказчик покладистым не был, но если в Опере сайт смотрится, а в ФФ разваливается работу он не примет...

psywalker, в общем-то решение подошло, спасибо большое! остальным тоже спасибо за участие, если будут ещё варианты, с радостью посмотрю, т.к. может быть по глупым, но всё-таки убеждениям весь файл css стилей писал без inline-block, который неадекватно воспринимается старыми браузерами... но.... на безрыбье, как говорится... отнюдь, psywalker предложил вполне приличный вариант без JS... конечно, если бы блоки были с фоном... но, у меня, слава богу, фона нет

ширина задана жестко, а высоту надо тянуть по самой высокой

да, теперь действительно то, что надо, только осталась та же проблема что и в первом решении... фон по высоте не растягивается, но это, честно говоря, для меня не критично, просто ради интереса уже можно попробовать решить и эту проблему Да, и подскажите, пожалуйста, для чего нужна эта строка: display: -moz-inline-stack; я так понимаю это правило для FF, но ведь он и так адекватно воспринимает свойство инлайн-блок...

JS отключают параноидальные админы корпоративных сетей...

не, JS сразу не подходит... я пипец как по кросс-браузерности страдаю, а JS отключен бывает ещё чаще, чем человек заходит с FF2... а по поводу списка, там проблема только в том, что фон не растягивается по высоте? или я чего-то ещё не заметил? а это тут при чем?