Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 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

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
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;}

Всего записей: 1029 | Зарегистр. 30-05-2006 | Отправлено: 20:22 09-03-2013
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gap5 попробуй так:
 
 

Код:
 
.menuparent li { display:none;}
.menuparent.active li { display:block !important;}  
 

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 20:33 09-03-2013
gap5



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
И так тоже пробовал... очередность никак не влияет, в дебаге FF отображается только стиль .menuparent li, .menuparent.active li как будто вообще нет.

Всего записей: 1029 | Зарегистр. 30-05-2006 | Отправлено: 20:46 09-03-2013
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
а зачем указано .menuparent li, .menuparent.active li если .menuparent присвоено только ссылке, а не элементам списка (судя по огрызку кода)? Может стоить убрать li в CSS?

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 21:00 09-03-2013
gap5



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Нужно скрывать только ПОДПУНКТЫ меню, которые выведены как раз через LI, а ПУНКТЫ, которые выведены через A надо показывать всегда.

Всего записей: 1029 | Зарегистр. 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

Всего записей: 3590 | Зарегистр. 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" к ячейкам таблицы не применяется.

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 23:33 09-03-2013
gap5



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX
Так скрываются то разделы правильно, как раз как мне нужно, но все, вне зависимости от класса, как sf-depth-2 menuparent, так и sf-depth-2 menuparent active...  

Всего записей: 1029 | Зарегистр. 30-05-2006 | Отправлено: 23:39 09-03-2013
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gap5

Цитата:
скрываются то разделы правильно

Скрываться по вашему коду ниче не будет. Скрываться будет так:

Код:
 
.menuparent.active + ol { display:block !important;}  
.menuparent + ol { display:none;}
 

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 03:00 11-03-2013
gap5



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Отлично, спасибо, помогло )

Всего записей: 1029 | Зарегистр. 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
panda3

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
mischael

Код:
<TD class=back>
<div style="height:236;overflow: hidden;">
<P>      </P>
</div></TD>

Ну или поставить table-layout: fixed

Всего записей: 203 | Зарегистр. 06-02-2007 | Отправлено: 15:19 14-03-2013 | Исправлено: panda3, 15:27 14-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 какая-нибудь )))

Всего записей: 3590 | Зарегистр. 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 там не катит, играйтесь паддингами-маргинами

Всего записей: 3590 | Зарегистр. 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

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


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru