знатокам CSS

← →
lak/proxy/ (2007-03-07 21:07) [0]

Знаю, что не в тему форума, но может найдутся знающие.
Скажите, возможно ли с помощью CSS сделать следующее.
Предположим, есть такой вот хтмл:

<div id="div1"> <p>1</p> <p>2</p> <p>3</p> </div> <div id="div2">УРА!</div>

Необходимо поместить див "div2" после первого параграфа. То есть визуально должно все это выглядеть примерно так:

<div id="div1"> <p>1</p> <div id="div2">УРА!</div> <p>2</p> <p>3</p> </div>

вопрос 1: это можно сделать с помощью CSS?
вопрос 2: если можно, то как? -)

← →
TUser © (2007-03-07 21:15) [1]

Не, css - это стиль отображения текста, а после какого параграфа, это ты тегами задавай.

← →
homm © (2007-03-07 21:43) [2]

Взможно.

<style> #div1 { position: absolute; Top: 50px; } #div1 p { padding: 0px; margin: 0px; padding-bottom: 18px; } #div2 { position: absolute; Top: 70px; } </style> <div id="div1"> <p>1</p> <p>2</p> <p>3</p> </div> <div id="div2">УРА!</div>

← →
DVM © (2007-03-07 22:26) [3]

> Не, css - это стиль отображения текста

CSS, а тем более CSS2 и CSS3 это гораздо больше, чем просто описатели для оформления текста.

← →
TUser © (2007-03-07 22:28) [4]

> DVM © (07.03.07 22:26) [3]

Я просто не в курсе - а эти вкусности в IE6 есть?

← →
Gero © (2007-03-07 22:36) [5]

> [4] TUser © (07.03.07 22:28)
> Я просто не в курсе  а эти вкусности в IE6 есть?

Какие вкусности?

← →
TUser © (2007-03-07 22:37) [6]

CSS2, CSS3

← →
lak-b/proxy/ (2007-03-09 15:22) [8]

homm
Спасибо, но нельзя ли без абсолютного позиционирования -)?

> нельзя ли без абсолютного позиционирования

Практически то-же самое.

<style>
#div1 p {
padding: 0px;
margin: 0px;
padding-bottom: 18px;
}

#div2 {
position: relative;
Top: -90px;
}
</style>

<div id="div1">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
<div id="div2">УРА!</div>

знатокам CSS Найти похожие ветки