X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Абсолютное позиционирование относительно родительского элемента
websun
websun
Topic Starter сообщение 4.4.2011, 3:34; Ответить: websun
Сообщение #1


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

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

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

[attachment=37713: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>

[CSS]
#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;
}
[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hisbvdis
hisbvdis
сообщение 4.4.2011, 10:24; Ответить: hisbvdis
Сообщение #2


Родительскому блоку также нужно задавать позиционирование. Из справочника htmlbook.ru:
Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 4.4.2011, 10:41; Ответить: Webmaster_hb
Сообщение #3


задайте тому блоку относительно которого хотите позиционировать
position:relative

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) При удалении одного элемента, перестает работать другой. Помогите исправить!
1 vantusxyz 5569 24.6.2016, 16:08
автор: -Degradator-
Открытая тема (нет новых ответов) Как подстроить 3 разные элемента в один ряд
2 Генрих Арутюнян 5539 19.2.2015, 10:43
автор: -Генрих Арутюнян-
Открытая тема (нет новых ответов) Относительно выравнивание text area
2 80LevelElf 10087 22.8.2013, 16:54
автор: -80LevelElf-
Открытая тема (нет новых ответов) Посоветуйте партнерку для родительского траффика
4 no_olegka_no 1541 28.2.2013, 0:14
автор: frozer
Открытая тема (нет новых ответов) Сколько можно получать дохода относительно посещаемости сайта?
2 Betelgeise91 4234 7.10.2012, 21:50
автор: -Seo-SSSR.ru-


 



RSS Текстовая версия Сейчас: 28.3.2024, 14:03
Дизайн