|
Как правильно прикрутить горизонтальное меню?
|
|
|
2012-03-23Дата: Пятница, 23.03.2012, 17:54 | Сообщение # 16 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Yael, Quote (Yael) Как прописывать проценты, в смысле какие буквы надо ставить
Как и обычно, «%» ...
Например:
Code div.sidBox{width:95%;}
...
- Так, на будущее ) Вдруг пригодятся )
| | |
|
|
2012-03-23Дата: Пятница, 23.03.2012, 18:52 | Сообщение # 17 |
Подполковник
Группа: Проверенные
Статус: Offline
|
Спасибо. если речь о будущем, то вот эти div.sidBox{width: ;} со скобками и точкой с запятой, это ширина всего меню? Или одного пункта меню? Или это годится туда и туда, а весь смысл в том, куда я их поставлю и какой процент укажу? Т.е. в строку с блоком меню я добавляю, например, 91%, вот так
.uMenuH .uMenuItem {padding-right:5px;}div.sidBox{width:91%;}
а в строку пункта меню добавляю 13%, вот так:
.uMenuH li {float:left;padding:0 5px;}div.sidBox{width:13%;}
Я правильно поняла?
Сообщение отредактировал Yael - Пятница, 23.03.2012, 18:53 | | |
|
|
2012-03-23Дата: Пятница, 23.03.2012, 19:02 | Сообщение # 18 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Yael, Quote (Yael) если речь о будущем, то вот эти div.sidBox{width: ;} со скобками и точкой с запятой, это ширина всего меню?
Это вообще, сторонний пример указания размера в процентах.
...
Quote (Yael) Или одного пункта меню?
Я вам уже указал какая строка отвечает за пункт. Перечитайте предыдущие посты.
...
| | |
|
|
2012-03-23Дата: Пятница, 23.03.2012, 19:29 | Сообщение # 19 |
Подполковник
Группа: Проверенные
Статус: Offline
|
Ох и трудная это работа -
из болота тащить бегемота.
Тобишь меня 
Вот так правильно для ширины всего меню?
.uMenuH .uMenuItem {padding-right:5px;}91%
Или так? .uMenuH 91%.uMenuItem {padding-right:5px;}
Или просто добавить к .uMenuH .uMenuItem {padding-right:5px;} еще и .uMenuH91% и тогда получится
.uMenuH .uMenuItem {padding-right:5px;}.uMenuH91% ?
Простите мою бестолковость. что-то мне кажется, что ни один вариант не верен 
Ой! Вы говорили, что стандартные смайлы могут быть только в родной таблице в один столбик. А я ща полезла к Вам за смайлом, а они у Вас уже стоят в три стобика! Пожалуйста, пожалуйста, очень Вас прошу, расскажите, как это можно сделать? 
| | |
|
|
2012-03-23Дата: Пятница, 23.03.2012, 22:41 | Сообщение # 20 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Yael, Quote (Yael) Вот так правильно для ширины всего меню?
.uMenuH .uMenuItem {padding-right:5px;}91%
... Ёлики зелёные.
Вы смотрите в свои стили вообще? - если что-то редактируете, то, по идее, смотрите ...
И что, никаких логических мыслей не возникает про то как правильно писать стили? ...
Объясняю на примере
Quote (Code) .uMenuItem {padding-right:5px;}
Где:
.uMenuItem - селектор - то, к чему будут применяться стили. Стили пишутся в скобочках - {} ...
Всё что вне скобочек, и не селектор, и не комментарий - это мусор, читай - ошибка.
То что в скобочках:
padding-right - это параметр.
5 - это значение параметра.
px - это единица измерения.
; - это разделитель между параметрами.
Синтаксис такой:
элемент {параметр:значение параметра || единица измерения если нужно;}
Например:
Quote (Code) element{border:1px solid #000; height:10px; width:20%;}
Где:
Элементу назначили набор правил:
бордер шириной 1px, тип лини «solid», цвет #000 (hex) - чёрный.
высоту 10 пикселей.
ширину 20 % ...
...
А теперь включаем мозг.
Вот вам помощь - оОчень хороший справочник по стилям.
☑ Влад Мержевич. Справочник по CSS v3.0 ...
....
| | |
|
|
2012-03-23Дата: Пятница, 23.03.2012, 23:24 | Сообщение # 21 |
Подполковник
Группа: Проверенные
Статус: Offline
|
Quote (likbezz) ... Ёлики зелёные.
Вы смотрите в свои стили вообще? - если что-то редактируете, то, по идее, смотрите ...
И что, никаких логических мыслей не возникает про то как правильно писать стили? ...
Стили смотрю. Редактирую - эт громко сказано. цыфирки поменять могу, особенно в тех формулах, которые поставила сама (но которые мне или тех поддержка написала или я сама где-то стырила)
Единственная логическая мысль по поводу стилей, а так же и кодов у меня такая - я не умею их писать. И не уверена, что научусь  Но я попробую.
Полтора года назад я зашла на какой-то сайт, боль-мен поняла, как пользуются сайтами, меня тут же отправили модерировать http://mmgitik.com/ потому что я в теме и владею материалом, освещаемым на сайте. Ишо через полгода админ сайта скинул на меня часть работы и сделал админом, а потом вообще ушел из программы. Теперь я админ огромного сайта, над которым и бьюсь уже 8 месяцев и делаю то, о чем вообще не имела понятия совсем недавно  Поэтому те куски, которые сделала сама я уже знаю. А в остальном - полная стерильность 
не сердитесь, пжлста,  Читать же спец литерутуру мне тяжело, т.к. я не владею терминами. И в вашей иснструкции
Quote (likbezz) бордер шириной 1px, тип лини «solid», цвет #000 (hex) - чёрный.
высоту 10 пикселей.
ширину 20 % ...
без словаря я поняла только слова - ширина, цвет, черный и высота. (я же сразу написала. что буквы в стилях не знаю цыфры знакомые, а буквы нет) Но я отправляюсь по Вашей ссылке и попробую разобраться. 
И если я смогу оттуда вернуться, и Вы меня не забаните шоб не надоедала я опять задам вопрос - как сделать, чтоб стандартные смайлики стояли в таблице в три столбика, как у Вас. Все, не сердитесь, убегла учиться 
Сообщение отредактировал Yael - Пятница, 23.03.2012, 23:50 | | |
|
|
2012-03-24Дата: Суббота, 24.03.2012, 00:11 | Сообщение # 22 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Yael, Quote (Yael) Единственная логическая мысль по поводу стилей, а так же и кодов у меня такая - я не умею их писать
Не сомневаюсь, что такая мысля посетила ... ) И только она одна ? )))
...
Quote (Yael) И не уверена, что научусь Но я попробую.
Тем более, что вам это нужно, если вы собираетесь и дальше продолжать модерировать сайт/форум. Да это просто необходимо ...
...
Quote (Yael) не сердитесь, пжлста
Да я и не сержусь ) С чего бы это - все с чего-то начинали ...
...
Quote (Yael) цыфры знакомые, а буквы нет
А вот это - самое главное, так что ознакомьтесь со справочником и держите под рукой - там всё написано по русски и примеры есть. Всех свойств CSS 2.1.
Что не понятно - сразу смотрите, со временем запомните, свойств не так много как, возможно, кажется.
...
Quote (Yael) я опять задам вопрос - как сделать, чтоб стандартные смайлики стояли в таблице в три столбика, как у Вас. Все, не сердитесь, убегла учиться
А, ну да ... наверно вы спрашивали по смайлы, меня этот вопрос заинтересовал и я его решил.
Скрипт + стили. Работает )
...
| | |
|
|
2012-03-24Дата: Суббота, 24.03.2012, 01:42 | Сообщение # 23 |
Подполковник
Группа: Проверенные
Статус: Offline
|
Ужас!  Даже смотреть страшно, не то, что читать У меня получилось вот так:
.uMenuH {width:91%;}
.uMenuH li {float:left;padding:0 5px;width:13%;}
.uMenuH .uMenuItem {padding-right:20px;}
.uMenuH ul.uMenuRoot {font-size: 14pt;}
Это правильно? 
| | |
|
|
2012-03-24Дата: Суббота, 24.03.2012, 02:38 | Сообщение # 24 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Yael, Quote (Yael) .uMenuH {width:91%;}
Ну вот, это уже похоже на стили )))
... Только считать удобнее от 100%. Сокращаем всегда в минус, итого:
Quote (Code) .uMenuH {width:100%;}
.uMenuH li{float:left;padding:0 0px;width:14%;}
Всё остальное - ваше ...
...
Ещё одно ЗОЛОТОЕ правило.
Если элементу указана ширина, никаких padding или margin, так как эти виличины СКЛАДЫВАЮТСЯ с шириной.
Или учитываем это дело, а это сложно ...
...
Quote (Yael) .uMenuH ul.uMenuRoot {font-size: 14pt;}
Не маловат? (сарказам ...) ...
...
Quote (Yael) Это правильно?
Да, технически это правильно написано. Подавляю, продвижения есть )
| | |
|
|
2012-03-24Дата: Суббота, 24.03.2012, 17:17 | Сообщение # 25 |
Подполковник
Группа: Проверенные
Статус: Offline
|
likbezz, спасибо огромное!  Снимаю шляпу! Научить намного сложнее, чем просто дать готовое решение 
И главное, чем больше пользователь знает, тем больше у него вопросов!
Вот и у меня ишо один появился
Если я захочу сделать пункты меню жирными, мне надо будет прописать в стилях вот так -
.uMenuH {width:100%;}
.uMenuH li{float:left;padding:0 0px;width:14%;font-weight: bolder}Добавлено (24.03.2012, 17:17)
---------------------------------------------
Quote (likbezz) Quote (Yael) .uMenuH ul.uMenuRoot {font-size: 14pt;} Не маловат? (сарказам ...) ...
Это старое значение. Пользователи не могли найти пункты меню и мне пришлось начать вообще с 16. Потом потихоньку уменьшала, ща 13 стоит. хочу поставить 12, но оно бледненькое получается. Вот жирности добавлю и будет то шо надо.
Спасибо Вам большое. Вы так выручаете! да еще и учите, заставляете мозгами шевелить!  
Сообщение отредактировал Yael - Суббота, 24.03.2012, 17:12 | | |
|
|
2012-03-24Дата: Суббота, 24.03.2012, 17:43 | Сообщение # 26 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Yael, Quote (Yael) И главное, чем больше пользователь знает, тем больше у него вопросов!
Quote (Yael) И главное, чем больше пользователь знает, тем больше у него вопросов!
- Чем больше знает, тем больше осознаёт насколько много он ещё НЕ знает ...
...
Quote (Yael) мне надо будет прописать в стилях вот так -
Да, только не «bolder», а просто «bold» ... и не забываем про точки с запятой после каждого правила )
...
| | |
|
|
2012-03-24Дата: Суббота, 24.03.2012, 19:42 | Сообщение # 27 |
Подполковник
Группа: Проверенные
Статус: Offline
|
Quote (likbezz) Да, только не «bolder», а просто «bold» ... и не забываем про точки с запятой после каждого правила )
Упс  таки забыла. Спасибо!!!
| | |
|
