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



 

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

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

Открыть тему
Тема закрыта
> Обтекание текста вокруг DIV
vah-smile
vah-smile
Topic Starter сообщение 24.8.2016, 12:44; Ответить: vah-smile
Сообщение #1


Добрый день. Извините за нескромный вопрос, но как сделать обтекание текстом вокруг DIV, если для блока задан BORDER-RADIUS = 50% ?

0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gaster
Gaster
сообщение 24.8.2016, 13:08; Ответить: Gaster
Сообщение #2


vah-smile, Необходимо задать для div`а float: left;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vah-smile
vah-smile
Topic Starter сообщение 24.8.2016, 13:18; Ответить: vah-smile
Сообщение #3


(Gaster @ 24.8.2016, 16:08) *
vah-smile, Необходимо задать для div`а float: left;

float: left; - не помогает!

<style>
.overlay {
width: 255px;
height: 255px;
margin: 20px 0px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #ff832b;
}
</style>

<div class="overlay">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, illo?</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gaster
Gaster
сообщение 24.8.2016, 19:01; Ответить: Gaster
Сообщение #4


vah-smile, имелась в виду следующая структура:
<style>
.overlay {
width: 255px;
height: 255px;
margin: 20px 0px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #ff832b;
float:left;
}
</style>

<div class="overlay"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, illo?</p>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vah-smile
vah-smile
Topic Starter сообщение 25.8.2016, 10:49; Ответить: vah-smile
Сообщение #5


(Gaster @ 24.8.2016, 22:01) *
vah-smile, имелась в виду следующая структура:
<style>
.overlay {
width: 255px;
height: 255px;
margin: 20px 0px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #ff832b;
float:left;
}
</style>

<div class="overlay"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, illo?</p>



Так это и школьнику ясно! А как сделать, чтобы текст был внутри блока DIV к которому применен border-radius = 50% (overflow - обрезает текст, а нужно чтобы переносился на новую строку внутри DIV) ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ruslaner___
Ruslaner___
сообщение 25.8.2016, 14:28; Ответить: Ruslaner___
Сообщение #6


Посмотрите тут http://www.csstextwrap.com/examples.php

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) 📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼
Мы предлагаем комплексное решение для рандомизации всех видов офера
3 leviathan 1535 Вчера, 19:39
автор: leviathan
Открытая тема (нет новых ответов) Перевод текста в речь нейросетями - сервис Zvukogram
13 Zvukogram 7228 19.2.2024, 18:16
автор: freon_mr777
Открытая тема (нет новых ответов) Нужен перевод текста с RU на UZ
0 REGNET 769 22.2.2023, 15:17
автор: REGNET
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1604 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Наполнение сайта Автотематики (написание текста с размещением)
Ищу человека для длительного сотрудничества
2 NYLesha 1836 1.8.2022, 23:22
автор: NYLesha


 



RSS Текстовая версия Сейчас: 25.4.2024, 18:27
Дизайн