Помощник
|
Div, обтекаемый текстом - как реализовать? |
Skovhow
|
Сообщение
#1
|
||
|
|
||
|
|||
Sickboy |
8.9.2012, 12:29;
Ответить: Sickboy
Сообщение
#2
|
|
В CSS для дива номер 2
text-align:justify; Может это? -------------------- |
|
|
Skovhow
|
Сообщение
#3
|
|
-------------------- |
|
|
Sickboy |
8.9.2012, 13:16;
Ответить: Sickboy
Сообщение
#4
|
|
А, так высоту диву номер 3 пропиши
height: 250px; float:right; ну че-нить такое. я немного не понимаю вопроса: "текст не хочет быть красивым" -------------------- |
|
|
Skovhow
|
Сообщение
#5
|
|
А, так высоту диву номер 3 пропиши height: 250px; float:right; ну че-нить такое. я немного не понимаю вопроса: "текст не хочет быть красивым" Так весь вопрос написан в заголовке Не понимаю, что нужно сделать с div_2, чтобы он обтекал div_3... или, другими словами, как сделать так, чтобы текст обтекал div_3? Дело в том, что высота у div_3 непостоянная... ведь в div_3 может быть много текста, а может быть и мало... -------------------- |
|
|
Sickboy |
8.9.2012, 13:42;
Ответить: Sickboy
Сообщение
#6
|
|
Вставить див 3 в див 2 и прописать блоку
float:right; width: ...px; -------------------- |
|
|
lostprophet |
8.9.2012, 13:44;
Ответить: lostprophet
Сообщение
#7
|
|
<div> Примерно так.
<div style="width: 50px; height: 50px; float: right; display: inline-block;"> Текст в обтекаемом диве </div> Текст, текст, текст в обтекающем диве </div> -------------------- |
|
|
wadya87 |
8.9.2012, 13:45;
Ответить: wadya87
Сообщение
#8
|
|
float:left;
Есть еще display:inline-block и vertical-align:top - обоим блокам прописать, вместе с шириной, будут рядом, но в ie8.0 - не работают -------------------- |
|
|
satherland |
8.9.2012, 13:49;
Ответить: satherland
Сообщение
#9
|
|
Скорее всего, у левого "div" с текстом задана фиксированная ширина, которая удерживает текст в строго заданных размерах. Решение будет таким: должен быть общей контейнер-обертка, внутри которого будет "div" с "float: right" и заданной шириной - тот, в котором описываются данные фильма. После этого блока сразу выводим текст (вставляем "{full-story}"). Дальше в css нужно будет установить отступы, чтобы все красиво выглядело.
PS: lostprophet выше привел верный пример, только "display: inline-block" у правого дива не нужен. Сообщение отредактировал satherland - 8.9.2012, 13:52 |
|
|
lostprophet |
8.9.2012, 13:54;
Ответить: lostprophet
Сообщение
#10
|
|
satherland, верно, на всякий случай можно заменить на display: inline; для осла шестого при условии использования margin.
-------------------- |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 2 | Boymaster | 694 | Вчера, 17:52 автор: Boymaster |
|
Как вы отдыхаете от работы за компом | 151 | adw-kupon.ru | 19861 | 23.4.2024, 13:52 автор: Vmir |
|
Как вы бросили работу и перешли на заработок с сайтов? | 20 | uahomka | 3472 | 23.4.2024, 11:54 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 30 | freeax | 5040 | 20.4.2024, 16:49 автор: Liudmila |
|
Арбитражники, как ведете учет расходов и доходов? | 13 | Boymaster | 2036 | 20.4.2024, 15:06 автор: Boymaster |
Текстовая версия | Сейчас: 25.4.2024, 10:32 |