воскресенье, 06 октября 2013
15:09

Выпадающее меню

все записи пользователя в сообществе Ветер~
supersonic
Доброго дня, товарищи. У меня к вам (подозреваю) глупый вопрос. Хочу сделать выпадающее меню вверху, но оно выпадает почему-то под эпиграф. Что я делаю не так и как с этим бороться?Скрин прилагается. Буду благодарен за примеры работающего кода для выпадающего меню. Требуется наиболее простой вариант.

@темы: меню, эпиграф, отступы, diaryCSS

URL
Комментарии
06.10.2013 в 20:21

Тайя.
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
*нервно смеется*

~Ветер Полыни~, я не знаю, это объяснить, но если из строки #side {color: #363636!important; background: #C3C3C3; opacity: 0.9; position:center; text-align: center; text-decoration:none; background-color: #C3C3C3; opacity: 0.9; -webkit-transition: all 5s ease; -o-transition: all 2s ease; transition: all 2s ease; padding: 17px 5px 5px 5px !important; margin: 5px 50px 50px 100px !important; moz-transition: all 5s ease; -moz-transition: all 5s ease; -moz-border-radius: 14px !important; border-radius: 10px; border: 2px solid #454a4f !important;} убрать прозрачность, то меню появляется :alles: Кстати, зачем у вас два раза прописаны цвет и прозрачность?

background: #C3C3C3; opacity: 0.9;
background-color: #C3C3C3; opacity: 0.9

Если записать цвет меню через rgba, то все норм, через Мозиллу, во всяком случае:

#side {color: #363636!important; background: rgba(195,195,195,0.9); position:center; text-align: center; text-decoration:none; -webkit-transition: all 5s ease; -o-transition: all 2s ease; transition: all 2s ease; padding: 17px 5px 5px 5px !important; margin: 5px 50px 50px 100px !important; moz-transition: all 5s ease; -moz-transition: all 5s ease; -moz-border-radius: 14px !important; border-radius: 10px; border: 2px solid #454a4f !important;}

Или если здесь #page-c{width:984px !important; repeat; repeat-y; background-color: #C3C3C3; opacity: 0.95; -webkit-transition: all 5s ease; -o-transition: all 2s ease; transition: all 2s ease; padding: 5px 5px 5px 5px !important; margin: 8px -80px 1px 120px !important; moz-transition: all 5s ease; -moz-transition: all 5s ease; -moz-border-radius: 14px !important; border-radius: 10px; border: 2px solid #454a4f !important;} убрать прозрачность, то появляется меню, я хз, как оно влияет :nea:

Кстати:
font-weight: italic - нужно не font-weight, а font-style, font-weight отвечает за толщину шрифта. A еще у вас в некоторых местах написано wenkit вместо webkit.
URL
06.10.2013 в 20:31

Ветер~
supersonic
Тайя, которая душит романтиков, код был скопирован мной из моего же прошлого дизайна и находился на тот момент на стадии стирания-переписывания х) Поэтому, вполне мог пропустить.
font-weight: italic - нужно не font-weight, а font-style,
Омг О__о Вот оно что. В справочнике так и не понял разницы между ними, спасибо, что объяснили.
Спасибо за подробный ответ. Учтем)
URL