<MyRusakov.ru />

Вёрстка сайта с нуля

Вёрстка сайта с нуля

Это уникальная информация по созданию страниц любой сложности. Вы узнаете всё, что нужно по HTML и CSS, а также увидите множество примеров по вёрстке страниц. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены! Пройдя данный курс, Вы сможете верстать страницы с любым по сложности дизайном. Помимо курса, Вы получите Бонус, который расскажет, как заработать на вёрстке сайтов.

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

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

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

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

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

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

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

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

Вопрос по выпадающему меню
05.03.2014 20:30:44 Вопрос по выпадающему меню Сообщение #1
Weissesmann

Weissesmann

Новичок

Новичок

Дата регистрации:
11.11.2013 19:02:11

Сообщений: 6

Делаю горизонтальное меню с вертикально выпадающими подпунктами. Вопрос: Почему, если я к нескольким основным пунктам делаю подпункты, все они отображаются в одном месте - там где крайние левые подпункты? Код прилагаю:

header ul{position:absolute; top:112px; left:0px; list-style:none; width:960px; height:47px; text-align:center;
text-transform:uppercase; background: url(../images/menu_top_bg.jpg); font-size:20px; color: #003548;
font-family:inherit; font-size:22px;}
header ul li{float:left; height:47px; list-style:none;}
header ul li a{color:inherit; display:block; text-decoration:none; padding:10px 22px;}
header ul li a:hover{color: #d40a10;}
header ul .current{ color: #d40a10;}

header ul li ul{position: absolute; top:50px; left:-10000px;}
header ul li:hover ul{ position: absolute; top:45px; left:0px;width:250px; z-index:100000;}
header ul li ul li{float:none; margin-left:0px; width:250px; height:30px; font-family: Arial; color: #000; font-size: 14px; background: #ccc; text-align:left;}

Вас может смутить, что вместо display:none display: block я использую left:-10000px; left:0px , но в моем случае это не сыграло разницы - подпункты, которые правее, продолжают "наезжать" на то же место, где должны показываться крайние левые подпункты
Профиль Ответить
06.03.2014 13:14:31 Вопрос по выпадающему меню Сообщение #2
Weissesmann

Weissesmann

Новичок

Новичок

Дата регистрации:
11.11.2013 19:02:11

Сообщений: 6

Прошу прощения, разобрался сам - нужно было родительским li сделать position relative
Профиль Ответить