Как правильно прикрутить горизонтальное меню?
|
|
|
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» ... и не забываем про точки с запятой после каждого правила ) Упс таки забыла. Спасибо!!!
| | |
|