-
Добрый день, уважаемые!
Верстаю страничку - все собрано на таблицах и дивах с относительной разметкой.
Можно каким-то образом поверх определенного места страницы зафиксировать с помощью абсолютных координат DIV.
Имеется ввиду, как снять координаты DIVa спозиционированного в относительных координатах и поверх него повесить DIV в абсолютных.
Необходимо, чисто для декоративного элемента поверх текста.
Нижеприведен кусок кода с DIV-ом над которым страдаю =)
Код:
#line-3-1 {height:33px;background:url(../img/1024-768/a3-1.png) no-repeat bottom right;}
#line-3-2 {background:url(../img/1024-768/a3-2.png) no-repeat bottom right;}
#line-3-3 {background:url(../img/1024-768/a3-3.png) no-repeat bottom left;}
ul#mainlevel {display:table-cell;}
ul#mainlevel li {padding:0px;margin:0px;display:block;float:left; text-align:center;}
ul#mainlevel li a {border:0px; display:block; background:transparent url(../img/1024-768/nav1.jpg) no-repeat; width:98px; height:30px; color:#333; -moz-column-width:98px; -moz-column-height:30px; text-decoration:none; font-size:0.9em; font-family: "Comic Sans MS", sans-serif;line-height: 13px; padding-top:2px;};
ul#mainlevel li a:link, ul#mainlevel li a:visited {background-position:0px 0px; color:#333;}
ul#mainlevel li a:hover, ul#mainlevel li a:focus {background-position:0px -32px; color:#FFF;}
ul#mainlevel li a#active_menu {background-position:0px -64px;color:#000;}
-
В приведенном Вами коде я не обнаружил ни одного намека ни на относительное позиционирование, ни на абсолютное...
-
Цитата:
Originally posted by Aykroyd@Feb 1 2008, 10:07
В приведенном Вами коде я не обнаружил ни одного намека ни на относительное позиционирование, ни на абсолютное...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Логично, но тем не менее весь код уже имеет относительное позиционирование.
Вопрос в том только как подвесить DIV над блоком - #line-3-2 div?
В связи с этим его и нет т.к. мыслей по тому поводу здравых не наблюдается.
-
Извините, если неправильно Вас понимаю, но по-моему здесь наблюдается какое-то недоразумение. Что Вы понимаете под «относительным позиционированием»?
-
Цитата:
Originally posted by Aykroyd@Feb 3 2008, 10:38
Извините, если неправильно Вас понимаю, но по-моему здесь наблюдается какое-то недоразумение. Что Вы понимаете под «относительным позиционированием»?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Каждый блок позиционируется относительно другого в потоке. А абсолютное как нам обоим известно задается вне потока и фиксирует его в указанном месте вне общего потока.
-
Цитата:
Originally posted by Takamura@Feb 4 2008, 13:34
Каждый блок позиционируется относительно другого в потоке.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Собственно говоря, так я и думал... Понимаете в чем дело, вот этот самый «поток», о котором Вы говорите, – он к относительному позиционированию не имеет никакого отношения. То есть вообще никакого. Поток – это поток. А относительное позиционирование – это position: relative...
И именно из-за этой Вашей путаницы с терминами невозможно уяснить суть Вашего первоначального вопроса...
-
Понял))
Суть вопроса - фиксирую по центру(экрана) таблицу с фикированной шириной и высотой всех ячеек и на одну из ячеек по верху надо повесить DIV.
-
Цитата:
Originally posted by Takamura@Feb 6 2008, 05:40
Суть вопроса - фиксирую по центру(экрана) таблицу с фикированной шириной и высотой всех ячеек
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
А вы уверены, что ей там самое место? )
Цитата:
Originally posted by Takamura@Feb 6 2008, 05:40
и на одну из ячеек по верху надо повесить DIV.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Попробуйте задать для это ячейки position: relative. В этом случае div, который в ней находится, можно будет спозиционировать абсолютно в пределах именно этой ячейки...
-
Цитата:
Originally posted by Aykroyd@Feb 6 2008, 08:04
А вы уверены, что ей там самое место? )
Попробуйте задать для это ячейки position: relative. В этом случае div, который в ней находится, можно будет спозиционировать абсолютно в пределах именно этой ячейки...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
А ячейка никуда не свалит при "position: relative" ? =)
-
Цитата:
Originally posted by Takamura@Feb 6 2008, 19:56
А ячейка никуда не свалит при "position: relative" ? =)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
А что, должна?