Скачать: CL | DM;

знатокам 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

---

← →
Gero ©   (2007-03-07 22:46) [7]

> [6] TUser ©   (07.03.07 22:37)

http://www.webdevout.net/browser-support-summary

---

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

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

---

← →
homm ©   (2007-03-09 15:37) [9]

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

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

<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>

---

Страницы: 1 вся ветка

Скачать: CL | DM;



Память: 0.47 MB
Время: 0.028 c