Titansword
-
Posts
16 -
Joined
-
Last visited
Titansword's Achievements
Explorer (1/14)
0
Reputation
-
Здравствуйте, имеется div с случайным содержимым и нужно выровнять его по центру родительского div, а также установить ширину равную содержимому. Можно ли это провернуть без JS?
-
Хочу добавить на сайт возможность фильтрации контента не только по дням, но и по месяцам. Встречал ли кто нибудь календарь с возможностью выбора месяца? Или возможно кто нибудь знает предельно простой скрипт, который можно легко модифицировать под свои нужды?
-
Собственно, как сделать, чтобы при клике на ссылку перехода не было? Код самой ссылки менять нельзя.
-
Да, но только по первой букве, а надо что бы была возможность вводить более точные данные. Например поиск на HtmlBook подходит идеально, но нужно иметь возможность прокручивать весь список.
-
Срочно понадобилась такая фича- пользователь кликает по текстовому полю, появляется выпадающий список с опциями. Пользователь может прокрутить список и выбрать нужную ему опцию или начать вводить название опции тем самым уменьшая количество вариантов, что бы не прокручивать и не искать в здоровенном списке нужное значение. Кто нибудь знает плагин реализующий подобную функциональность на JQuery?
-
Назначение разных стилей для одинаковых потомков одного предка.
Titansword replied to Titansword's question in HTML Coding
То что нужно! А для IE 8.0 нет решения? -
Назначение разных стилей для одинаковых потомков одного предка.
Titansword posted a question in HTML Coding
Имеется список: <ul> <li>...</li> <li>...</li> <li>...</li> <li>...</li> ... </ul> Можно ли как-то выбрать из него определенные li не ссылаясь на их атрибуты или содержание? -
Да, но хотелось бы не городить огород еще и там, а обойтись только кодом для выезжающего элемента. Тут уж я ступил Одно из двух, либо делать одинаковую ширину, либо если выпадающие меню будет уже, выровнять его по центру верхнего пункта. Что легче реализовать, то и использую, разницы в принципе никакой.
-
psywalkerВерхние пункты меню динамически изменяются по ширине и от их ширины зависит ширина впадающего меню + впадающее меню нужно позиционировать по центру верхнего пункта. Не представлю как этого можно добиться не помещая их в одну таблицу. Это как раз был мой план "B" Но все планы спутала box-shadow у впадающего элемента. Тень сверху наползает на панель.
-
Выслал.
-
Выкладываю конечный результат для наглядности. При наведении на верхний "привет" выезжает блок с такими же "приветами". z-index:-1; нужен, что бы блок находился позади главной панели.
-
В этом случае,увы, событие сработает сразу на все .elem. Так дело, то не в структуре ul > li таблиц или дивов. Проблема в том, что для достижения определенного эффекта я использую для выпадающего меню z-index:-1, а в этом случае для его элементов не срабатвают события.
-
Затем, что мне нужна именно такая модель велосипеда, вот только колеса круглыми не получается сделать Из видимых мной готовых решений, ни одно меню не подошло. По сути да, это можно назвать меню. Вся проблема в том, что у выпадающего списка не работает событие hover.
-
Сперва объясню задумку. При наведении на верхний .elem из под #grey_box выдвигается .back с такими же .elem. .elem имеют событие :hover. Конструкция резиновая. #grey_box { height: 50px; background: #ddd; padding-top:10px; } table { margin-left:300px; } .back{ padding-top:30px; background:orange; position:relative; z-index:-1; } .elem{ background:blue; } .elem:hover{ background-color:yellow; } <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div id="grey_box"> <table> <tr> <td> <div class="elem">menu item</div> </td> </tr> <tr> <td> <div class="back"> <div class="elem">content</div> <br> <div class="elem">content</div> </div> </td> </tr> </table> </div> </body> </html> Проблема в том, что при назначении .back z-index:-1 у расположенных в нем .elem перестает работать событие :hover. В лисе и хроме- совсем, а осле и опере- глючно. Можно, конечно обойтись и без z-index,но в оригинале .back имеет скругленные углы и тень, а значит придется нарезать картинки и оформлять всё в таблицу, а это ну уж очень громоздко. Надеюсь местные знатоки подскажут более элегантное решение проблемы.
-
<div id="grey_box"> <div id="blue_box"></div> </div> #grey_box { width: 200px; height: 200px; border: solid 1px #ccc; background: #ddd; position: relative ; z-index: 2; } #blue_box { width: 100px; height: 100px; border: solid 1px #4a7497; background: #8daac3; position: relative; z-index: 1; }