+ Ответить в теме
Показано с 1 по 3 из 3

Тема: Абсолютное позиционирование относительно родительского элемента

  1. #1

    Абсолютное позиционирование относительно родительского элемента

    Здравствуйте.

    Как можно указать, чтобы позиционирование списка <ul><li><ul> было относительно его родителя, а именно пункта другого списка <ul><li>?

    Вот как есть, а нужно, чтобы "Архив новостей" и т.д. был под "новостями" и его можно было перемещать с помощью свойств left, right, top, bottom.

    6.jpg


    <div id="menu">
    <ul>
    <li>
    <a href="#">Новости</a>
    <ul>
    <li><a href="#">Архив новостей</a></li>
    <li><a href="#">Пресса о клубе</a></li>
    </ul>
    </li>
    <li><a href="#">Команда</a></li>
    ...
    </ul>
    </div>


    #menu {
    float: right;
    margin-top: -23px;
    padding: 0 15px;
    }
    #menu li {
    display: inline;
    padding: 5px 12px;
    }
    #menu a {
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    }
    #menu li:hover {
    background-color: black;
    }
    #menu ul li ul li {
    position: absolute;
    top: 0px;
    }
    #menu ul li ul li {
    display: block;
    }

  2. #2
    Родительскому блоку также нужно задавать позиционирование. Из справочника htmlbook.ru:
    Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.

  3. #3
    Администратор Webmaster отключил(а) отображение уровня репутации Аватар для Webmaster
    Регистрация
    05.03.2007
    Адрес
    Belarus
    Сообщений
    7,538
    Записей в дневнике
    1
    задайте тому блоку относительно которого хотите позиционировать
    position:relative

+ Ответить в теме

Похожие темы

  1. Ответов: 23
    Последнее сообщение: 26.01.2011, 19:31
  2. Ответов: 2
    Последнее сообщение: 09.09.2010, 19:03
  3. Абсолютное положение
    от Martins в разделе CSS
    Ответов: 4
    Последнее сообщение: 29.06.2009, 00:38
  4. Ответов: 3
    Последнее сообщение: 23.07.2008, 17:47
  5. Ответов: 4
    Последнее сообщение: 23.07.2008, 15:42

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения