обтекание

@sashok89 · Регистрация: 04.08.2012

Студворк — интернет-сервис помощи студентам

Добрый день!!! Кто подскажет как можно сделать обтекание как на картинке?

Vovan-VE · 10.02.2014, 16:02

Если CSS3 еще не изебрел новую фичу, и браузеры её ещё не реализовали, то вот так просто - никак.

В общем случае задаче, имхо, нерешаема.

В частном случае: размер картинки фиксирован, поэтому поверх неё можно нагородить N штук прозрачных float блоков в таком духе:

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
Lorem ipsum dolor sit amet consectepture adipisicing
elit  sed  do  eiusmod.  Lorem  ipsum dolor sit amet
consectepture adipisicing elit sed do eiusmod. Lorem
+---------+ Lorem ipsum dolor sit amet consectepture
|         | adipisicing  elit  sed do eiusmod. Lorem
+---------+ ipsum   dolor   sit  amet  consectepture
+-------------+ adipisicing  elit  sed  do  eiusmod.
|             | Lorem    ipsum    dolor   sit   amet
+-------------+ consectepture  adipisicing  elit sed
+-----------+ do eiusmod. Lorem ipsum dolor sit amet
|           | consectepture  adipisicing elit sed do
+-----------+ eiusmod.  Lorem  ipsum  dolor sit amet
consectepture adipisicing elit sed do eiusmod.

Размер прямоугольников на вкус и цвет.

@sashok89 · 10.02.2014, 16:49 **[ТС]**

Спасибо за ответ!
Точно так же думал, но разве нету какого-нибудь другого способа?

@dolte · 10.02.2014, 17:38

на js скорее всего возможно такое реализовать, но вот как, это уже другой вопрос, в котором лично я ничем помочь не смогу

@sashok89 · 10.02.2014, 17:41 **[ТС]**

Кто же подскажет как это можно реализовать с помощью JS?

@dolte · 10.02.2014, 17:54

Спросите тут - https://www.cyberforum.ru/javascript/

@monochromer · 10.02.2014, 18:10

Будем ждать CSS Shapes.

@sashok89 · 12.02.2014, 11:43 **[ТС]**

Вроде, что-то получилось.
Но при маштабировании все сыпется. Посмотрите может кто подскажет как решить данную проблему!!!

@newJS · 12.02.2014, 21:20

Сообщение от sashok89

Но при маштабировании все сыпется.

У меня вообще ни в одном браузере не работает, картинка сама по себе, текст сам по себе.

Сегодня скрипт свой сделал, он задуман под две картинки, но его легко переделать под одну для любой стороны.
Кто не захочет использовать скрип, может использовать сгенерированный скриптом html.
Скрин сделан в ие8

@sashok89 · 14.02.2014, 11:12 **[ТС]**

Хотел бы попросить вас описать как это сделать конкретно для моей ситуации!!!
Потом можно будет написать небольшой мануальчик для все кто может в дальнейшем столкнется с данной проблемой!

@newJS · 14.02.2014, 13:15

У картинки удалил бессмысленные пустые края.

@sashok89 · 14.02.2014, 13:45 **[ТС]**

Спасибо, что сделали, но еще хотелось бы пояснения того как все это работает!

@newJS · 14.02.2014, 21:17

Не знаю что там комментировать, так что давай конкретные вопросы, попробуем ответить.

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@sashok89 75 / 75 / 11 Регистрация: 04.08.2012 Сообщений: 526 Записей в блоге: 2

	обтекание 10.02.2014, 14:49. Показов 1399. Ответов 12 Метки нет (Все метки) Добрый день!!! Кто подскажет как можно сделать обтекание как на картинке? 0

@sashok89 75 / 75 / 11 Регистрация: 04.08.2012 Сообщений: 526 Записей в блоге: 2
	10.02.2014, 16:49 [ТС]
	Спасибо за ответ! Точно так же думал, но разве нету какого-нибудь другого способа? 0

@dolte Человек 331 / 205 / 63 Регистрация: 04.02.2013 Сообщений: 1,223
	10.02.2014, 17:38
	на js скорее всего возможно такое реализовать, но вот как, это уже другой вопрос, в котором лично я ничем помочь не смогу 0

@sashok89 75 / 75 / 11 Регистрация: 04.08.2012 Сообщений: 526 Записей в блоге: 2
	10.02.2014, 17:41 [ТС]
	Кто же подскажет как это можно реализовать с помощью JS? 0

@dolte Человек 331 / 205 / 63 Регистрация: 04.02.2013 Сообщений: 1,223
	10.02.2014, 17:54
	Спросите тут - https://www.cyberforum.ru/javascript/ 0

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	10.02.2014, 18:10
	Будем ждать CSS Shapes. 1

@sashok89 75 / 75 / 11 Регистрация: 04.08.2012 Сообщений: 526 Записей в блоге: 2
	14.02.2014, 11:12 [ТС]
	Хотел бы попросить вас описать как это сделать конкретно для моей ситуации!!! Потом можно будет написать небольшой мануальчик для все кто может в дальнейшем столкнется с данной проблемой! 0

@sashok89 75 / 75 / 11 Регистрация: 04.08.2012 Сообщений: 526 Записей в блоге: 2
	14.02.2014, 13:45 [ТС]
	Спасибо, что сделали, но еще хотелось бы пояснения того как все это работает! 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,529
	14.02.2014, 21:17
	Не знаю что там комментировать, так что давай конкретные вопросы, попробуем ответить. 0

обтекание

Решение