gap5 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Задача скрывать подпункты меню (li) если в классе нет слова "active":   Код: <div class="sf-megamenu-column"> <a class="sf-depth-2  menuparent active" href="page1">book1</a> <ol> <li id="menu-825-3" class="first odd sf-item-1 sf-depth-3 sf-no-children"> <a class="sf-depth-3 " href="book1-page1">book1-page1</a></li></ol></div>   <div class="sf-megamenu-column"> <a class="sf-depth-2  menuparent" title="" href="book2"></a> <ol> <li id="menu-839-3" class="first odd sf-item-1 sf-depth-3 sf-no-children"> <a class="sf-depth-3 " href="book2-page1">book2-page1</a></li></ol></div>   Пишу такой CSS, отрабатывает только display:none, .active наследует настройку от .menuparent В чем ошибка? Код:   .menuparent.active li { display:block !important;} .menuparent li { display:none;} Всего записей: 1071 | Зарегистр. 30-05-2006 | Отправлено: 20:22 09-03-2013

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору gap5 попробуй так:     Код:   .menuparent li { display:none;} .menuparent.active li { display:block !important;}     Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 20:33 09-03-2013

gap5 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору И так тоже пробовал... очередность никак не влияет, в дебаге FF отображается только стиль .menuparent li, .menuparent.active li как будто вообще нет. Всего записей: 1071 | Зарегистр. 30-05-2006 | Отправлено: 20:46 09-03-2013

gap5 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Нужно скрывать только ПОДПУНКТЫ меню, которые выведены как раз через LI, а ПУНКТЫ, которые выведены через A надо показывать всегда. Всего записей: 1071 | Зарегистр. 30-05-2006 | Отправлено: 21:21 09-03-2013 | Исправлено: gap5, 21:29 09-03-2013

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору gap5 А, дык ".menuparent li" будет действовать только на элементы li внутри ссылки, а они же снаружи. Юзайте джаваскрипт.   Добавлено: Или присваивайте класс .active внешнему div, который .sf-megamenu-column Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 21:40 09-03-2013

mischael Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Xrobak потому что в фотошопе делать картинку с рамкой и ценником для каждого из тысяч товаров просто мартышкин труд. проще сделать так, чтобы рамка дорисовывалась на самом сайте. А за фиксир. ширину таблицы спасибо большое   Вот теперь правда та же проблема, но с вертикалью. Указание height в явном виде не дало результата.   http://mischael1.narod.ru Всего записей: 255 | Зарегистр. 25-11-2007 | Отправлено: 22:17 09-03-2013 | Исправлено: mischael, 22:41 09-03-2013

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору mischael не вникал, но замечу что "position:relative" к ячейкам таблицы не применяется. Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 23:33 09-03-2013

gap5 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору OLEX Так скрываются то разделы правильно, как раз как мне нужно, но все, вне зависимости от класса, как sf-depth-2 menuparent, так и sf-depth-2 menuparent active...   Всего записей: 1071 | Зарегистр. 30-05-2006 | Отправлено: 23:39 09-03-2013

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору gap5 Цитата: скрываются то разделы правильно Скрываться по вашему коду ниче не будет. Скрываться будет так: Код:   .menuparent.active + ol { display:block !important;}   .menuparent + ol { display:none;}   Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 03:00 11-03-2013

gap5 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Отлично, спасибо, помогло ) Всего записей: 1071 | Зарегистр. 30-05-2006 | Отправлено: 10:24 11-03-2013

mischael Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Друзья, никто не в курсе, как зажать слои в фиксированной длине и ширине? Ячейки раздвигаются несмотря на явное указание width и height. http://mischael1.narod.ru Всего записей: 255 | Зарегистр. 25-11-2007 | Отправлено: 18:12 12-03-2013

520011 Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору подскажите какой элемент css отвечает за расстояние между строчками в div ? P.S.: line-height: 14px; не подходит. Всего записей: 60 | Зарегистр. 20-12-2012 | Отправлено: 09:29 29-03-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору 520011 Цитата:  line-height: 14px; не подходит а другого нет. разве что обернутьтекст внутри в span и задать для него padding или margin сверху и/или снизу Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 10:47 29-03-2013 | Исправлено: Cheery, 10:48 29-03-2013

520011 Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору а как быть в данном случае ? Код: <div onClick="this.contentEditable='true';">     click to edith </div>   Добавлено: именно во время едитирования Всего записей: 60 | Зарегистр. 20-12-2012 | Отправлено: 15:45 29-03-2013

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору 520011 так "во время едитирования" там уже не div, а textarea какая-нибудь ))) Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 16:13 29-03-2013

520011 Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору на сегодняшний день и div'ы бывают editable Всего записей: 60 | Зарегистр. 20-12-2012 | Отправлено: 18:28 29-03-2013

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору 520011 оужос какой ))) Попробовал - точно, эдитируется ))) Но вы обратите внимание, в эдитируемом диве каждая строка идет отдельным дивом, т.е. line-height там не катит, играйтесь паддингами-маргинами Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 18:38 29-03-2013

520011 Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Код:   #ed_div, #ed_div p {     margin: 0; } вот так ок. нашел в инете пример и оттуда выдрал   Добавлено: Цитата: в эдитируемом диве каждая строка идет отдельным дивом <p></p> Всего записей: 60 | Зарегистр. 20-12-2012 | Отправлено: 19:11 29-03-2013 | Исправлено: 520011, 19:23 29-03-2013

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование