<MyRusakov.ru />

PHP и MySQL с Нуля до Гуру 2.0

PHP и MySQL с Нуля до Гуру 2.0

Данный курс научит Вас программировать на самом популярном Web-языке в мире - PHP. Курс состоит из 11 разделов, в которых с нуля рассказывается и показывается процесс написания различных скриптов на PHP.

В курсе Вы узнаете всю необходимую теоретическую часть, а также увидите массу практических примеров, в том числе, и из моей практики.

Почти к каждому уроку идут упражнения.

Просмотрев данный курс, Вы сможете создавать абсолютно любые PHP-сайты любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Под вываливающимся меню текст прыгает.
06.12.2013 00:56:17 Под вываливающимся меню текст прыгает. Сообщение #1
Ильюха

Ильюха

Новичок

Новичок

Дата регистрации:
21.11.2013 22:53:48

Сообщений: 18

Здравствуйте! :-)

Беда такая. Имею горизонтальное вываливающиеся меню и текст под ним.

Так вот когда вываливаются подменюшки, то под ними текст пляшет (они текст смещают).

Что-то я походу намудрил с position'ами и z-index'ами..

Гуглил, но нигде ответа не нашёл. Наверно совсем ошибка детская..

Выручите советом? :-)
Профиль Ответить
06.12.2013 01:51:23 Под вываливающимся меню текст прыгает. Сообщение #2
Ильюха

Ильюха

Новичок

Новичок

Дата регистрации:
21.11.2013 22:53:48

Сообщений: 18

О.. нашёл виновника..

Теперь два варианта:

1. Меню имеет position: relative, центровку margin: 0 auto и пляшущий текст.

2. Меню имеет position: absolute, cтабильный текст, но... Отцентровать не могу. :-)

Т.е. я немного наврал..
Отцентровать могу:


.menu {
height: 30px;
width: 900px;
position: absolute;
left: 50%;
margin-left: -450px;

z-index:3;
}


Но меня немного смущает код.. Поделить ширину объекта (меню) пополам и поставить в центр. Но он центрует! Или так не корректно?
Профиль Ответить
06.12.2013 02:01:23 Под вываливающимся меню текст прыгает. Сообщение #3
alexandrdante

alexandrdante

Модератор

Модератор

Дата регистрации:
15.11.2013 15:33:40

Сообщений: 207

надо хотя бы кусок кода смотреть,отвечающий за блок меню и за блок с текстом. Иначе ничего не скажешь.

А вообще попробуйте с margin поиграться.уберите auto


что касается position:absolute

там есть параметры
left
right
top
отвечающие за смещение) двигайте меню ими
Профиль Ответить
06.12.2013 05:59:58 Под вываливающимся меню текст прыгает. Сообщение #4
ilyadenisovid

ilyadenisovid

Мастер

Мастер

Дата регистрации:
28.01.2013 18:32:29

Сообщений: 213

замени вот на это свой z-index

z-index: 999;
Профиль Ответить
06.12.2013 10:51:06 Под вываливающимся меню текст прыгает. Сообщение #5
Ильюха

Ильюха

Новичок

Новичок

Дата регистрации:
21.11.2013 22:53:48

Сообщений: 18

Заменил.
В первом варианте без изменений. 999 - есть какой-то секрет?

Мне не очень понятно, почему меню со свойством relative опознаётся и центруется по указанным границам height/width, а со свойством absolute - нет. Ставлю margin: 0 auto и меню тупо утыкается в левую сторону.. :-)



left: 50%;
margin-left: -450px;

}

- это извращение или нормальный код?
Профиль Ответить
06.12.2013 13:38:31 Под вываливающимся меню текст прыгает. Сообщение #6
ilyadenisovid

ilyadenisovid

Мастер

Мастер

Дата регистрации:
28.01.2013 18:32:29

Сообщений: 213

absolute - это и значит, что положение абсолютное, то есть не меняется, поэтому и не работают свойства
Профиль Ответить
08.12.2013 16:09:39 Под вываливающимся меню текст прыгает. Сообщение #7
alexandrdante

alexandrdante

Модератор

Модератор

Дата регистрации:
15.11.2013 15:33:40

Сообщений: 207

положение absolute просто не зависит от остальных элементов на странице.Грубо говоря - у него нет родителя,впринципе =)
Профиль Ответить
08.12.2013 23:39:54 Под вываливающимся меню текст прыгает. Сообщение #8
Ильюха

Ильюха

Новичок

Новичок

Дата регистрации:
21.11.2013 22:53:48

Сообщений: 18

Это я понимаю. Не понятно только почему на абсолютную позицию не действует margin: auto. Ведь границы страницы и параметры объекта определяются.
Профиль Ответить
10.12.2013 02:05:14 Под вываливающимся меню текст прыгает. Сообщение #9
alexandrdante

alexandrdante

Модератор

Модератор

Дата регистрации:
15.11.2013 15:33:40

Сообщений: 207

Вот Вам интересная и подробная статья:
http://habrahabr.ru/post/123250/
Профиль Ответить