Lisitsa

SelenIT, вот это вообще жесть-жесть! Я уже к чему-то подобному сама начала приходить, но до Вас мне далеко было! Спасибо за труд! Да, теперь однозначно дорогу вложенным спискам :) Я Вами восхищаюсь!!

Спасибо. Только у меня все равно ничего не получается..

Потому что хочется разобраться.

Здравствуйте! Я задалась вопросом как сделать выпадающее меню не с помощью вложенных списков, а используя список определений. Только он, зараза, не хочет выпадать. Собственно говоря, в этом и проблема. Буду рада помощи. Код CSS: body{ font-family: Georgia, Times, 'Times New Roman', serif; } #nav, #nav dl{ margin:0; padding:0; border: 1px solid #000; background: #515151; float: left; width:auto; } #nav dt{ float:left; position:relative; background: #515151; } #nav dd{ display:none; position:absolute; padding:8px 0; width:138px; background: #515151; } #nav a{ color:#fff; text-decoration:none; display:block; width:120px; padding:4px 10px; } #nav a:hover{ color:#000; background:#ccc; } #nav dt:hover{ background:#333; } #nav dt:hover dd{ display:block; } Код HTML: <dl id="nav"> <dt><a href="#">Products</a></dt> <dd><a href="#">Product 1</a></dd> <dd><a href="#">Product 2</a></dd> <dd><a href="#">Product 3</a></dd> <dd><a href="#">Product 4</a></dd> <dd><a href="#">Product 5</a></dd> <dt><a href="#">Solutions</a></dt> <dd><a href="#">Solution 1</a></dd> <dd><a href="#">Solution 2</a></dd> <dd><a href="#">Solution 3</a></dd> <dd><a href="#">Solution 4</a></dd> <dd><a href="#">Solution 5</a></dd> <dt><a href="#">Learning</a></dt> <dd><a href="#">Learning 1</a></dd> <dd><a href="#">Learning 2</a></dd> <dd><a href="#">Learning 3</a></dd> <dt><a href="#">Help</a></dt> <dt><a href="#">Downloads</a></dt> <dd><a href="#">Download 1</a></dd> <dd><a href="#">Download 2</a></dd> <dd><a href="#">Download 3</a></dd> <dd><a href="#">Download 4</a></dd> <dd><a href="#">Download 5</a></dd> <dt><a href="#">Company</a></dt> <dd><a href="#">Company 1</a></dd> <dd><a href="#">Company 2</a></dd> <dt><a href="#">Store</a></dt> <dd><a href="#">Store 1</a></dd> <dd><a href="#">Store 2</a></dd> <dd><a href="#">Store 3</a></dd> </dl> Я новичок, если где-то есть косяки, не ругайтесь Заранее большое спасибо.

stars, спасибо! Vadym, с мотивацией и интересом проблем нет Есть и то, и другое Спасибо

Пока интересует только верстка. Я имею ввиду на данный момент. После достижения цели будем смотреть, куда дальше двигаться Изучаю (не могу сказать, что изучила, поскольку уверенные знания должны быть подкреплены уверенной практикой): базовые основы html, css, сейчас разбираюсь с дивной, табличной, версткой слоями. Пробовала верстать несколько несложных макетов, в том числе, когда для нескольких страниц сайта написан общий код css. Резала несколько макетов в фотошопе. После того, как был сверстан несложный макет, попыталась улучшить код. Но все это я делала с подсказками. То есть такого, чтоб сначала до конца порезать-сверстать самой, без подсматривания, не было. В идеале - планирую достичь уверенного владения приемами верстки. Спасибо за совет посмотреть видеоуроки Морковкина. Он у меня есть в списке планируемого для изучения

psywalker, спасибо большое! Так и делаю сейчас К сожалению, учителя найти не получается на данный момент С ним бы, конечно, дело намного быстрей пошлО.

Хотелось бы посоветоваться с форумчанами. Есть желание изучить верстку, прочитала несколько книг на эту тему, некоторая база уже есть. Но тут возник вопрос - а что делать дальше? Имею ввиду, что на данный момент существует некоторый "языковой барьер". Разобраться в коде могу, а сама написать - нет. Кроме того, существует множество вопросов о типах макета (фиксированный, резиновый...), хаках, дивах и других нюансах. В сети много информации, но хотелось бы системности. Буду рада, если дадите совет, как и куда двигаться дальше, чтоб это было максимально эффективно. Извините, если подобные вопросы уже возникали и обсуждались. Спасибо за внимание и понимание.