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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Div, обтекаемый текстом - как реализовать?
Skovhow
Skovhow
Topic Starter сообщение 8.9.2012, 12:19; Ответить: Skovhow
Сообщение #1


Есть шаблон с блочной вёрсткой. Всё, в принципе, отлично, но есть маленький недостаток в вёрстке: текст не хочет быть красивым.
Смотрите картинку:


--------------------
Проверенный опытом хостинг - БЕГЕТ.
Разрабатываю шаблоны под Opencart - тут.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sickboy
Sickboy
сообщение 8.9.2012, 12:29; Ответить: Sickboy
Сообщение #2


В CSS для дива номер 2
text-align:justify;

Может это?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Skovhow
Skovhow
Topic Starter сообщение 8.9.2012, 12:48; Ответить: Skovhow
Сообщение #3




--------------------
Проверенный опытом хостинг - БЕГЕТ.
Разрабатываю шаблоны под Opencart - тут.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sickboy
Sickboy
сообщение 8.9.2012, 13:16; Ответить: Sickboy
Сообщение #4


А, так высоту диву номер 3 пропиши
height: 250px;
float:right;

ну че-нить такое. я немного не понимаю вопроса: "текст не хочет быть красивым"


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Skovhow
Skovhow
Topic Starter сообщение 8.9.2012, 13:41; Ответить: Skovhow
Сообщение #5


(Sickboy @ 8.9.2012, 15:16) *
А, так высоту диву номер 3 пропиши
height: 250px;
float:right;

ну че-нить такое. я немного не понимаю вопроса: "текст не хочет быть красивым"


Так весь вопрос написан в заголовке smile.gif Не понимаю, что нужно сделать с div_2, чтобы он обтекал div_3... или, другими словами, как сделать так, чтобы текст обтекал div_3? Дело в том, что высота у div_3 непостоянная... ведь в div_3 может быть много текста, а может быть и мало...


--------------------
Проверенный опытом хостинг - БЕГЕТ.
Разрабатываю шаблоны под Opencart - тут.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sickboy
Sickboy
сообщение 8.9.2012, 13:42; Ответить: Sickboy
Сообщение #6


Вставить див 3 в див 2 и прописать блоку
float:right;
width: ...px;


--------------------


Поблагодарили: (2)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lostprophet
lostprophet
сообщение 8.9.2012, 13:44; Ответить: lostprophet
Сообщение #7


<div>
  <div style="width: 50px; height: 50px; float: right; display: inline-block;">
       Текст в обтекаемом диве
   </div>
Текст, текст, текст  в обтекающем диве
</div>
Примерно так.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
wadya87
wadya87
сообщение 8.9.2012, 13:45; Ответить: wadya87
Сообщение #8


float:left;

Есть еще display:inline-block и vertical-align:top - обоим блокам прописать, вместе с шириной, будут рядом, но в ie8.0 - не работают


--------------------
Верстаю html, делаю калькуляторы (js, php)


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
satherland
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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lostprophet
lostprophet
сообщение 8.9.2012, 13:54; Ответить: lostprophet
Сообщение #10


satherland, верно, на всякий случай можно заменить на display: inline; для осла шестого при условии использования margin.


--------------------


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
151 adw-kupon.ru 19788 Сегодня, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
20 uahomka 3418 Сегодня, 11:54
автор: Skyworker
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
1 Boymaster 493 Сегодня, 11:45
автор: Skyworker
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
30 freeax 4995 20.4.2024, 16:49
автор: Liudmila
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
13 Boymaster 2017 20.4.2024, 15:06
автор: Boymaster


 



RSS Текстовая версия Сейчас: 23.4.2024, 15:42
Дизайн