Реализовать обтекание картинки текстом

@adamenko · Регистрация: 20.06.2012

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

Приветствую, подскажите как сделать так же как на картинки в прикреплённых файлах, я не знаю как вставить картинку,что бы она была в тексте.

Vovan-VE · 20.10.2012, 08:16

CSS
1
2
3
img {
    float: left;
}

@Tesla · 21.10.2012, 20:25

И картинке задайте margin:10px; для того чтобы текст в плотную не прилягал к картинке

@Kantaria · 22.10.2012, 08:27

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

я не знаю как вставить картинку,что бы она была в тексте.

Честно говоря я не очень понял, что Вы имеете ввиду.
Но все же постараюсь обьяснить.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
.foto {
height:256px; //Размер высоты фотографии
width:256px; //Размер ширины фотографии
float:left; //прикрепляем ее к левому борту
}
img {
    border: 3px solid #цвет рамки; // по желанию можем ее обвести рамкой
   }
.text {
 
color:#000000;//тут можешь менять цвет текста на твой желаемый
}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css">  // Выводим текст который приведен выше (css),тоесть с отдельного файла приносим сюда се что написанно в разделе CSS
<title>Текст который будет выведен в титле страницы</title>
</head>
<body>
<div class="text">
<p>Любой текст который вы только пожелаете</p>
<img class="foto" src="img/element.png" /> <p>Любой текст который вы только пожелаете</p>
<p>Любой текст который вы только пожелаете</p>
Надеюсь я обьяснил внятно.<br />
По вопросам пишите <br />
E-mail:kantariamo@yandex.ru
skype:<br />
(домашний) mixail228253<br />
(рабочий) mikheili.kantaria</p></div>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .

@adamenko 2 / 0 / 1 Регистрация: 20.06.2012 Сообщений: 95

	Реализовать обтекание картинки текстом 20.10.2012, 07:23. Показов 2550. Ответов 3 Метки нет (Все метки) Приветствую, подскажите как сделать так же как на картинки в прикреплённых файлах, я не знаю как вставить картинку,что бы она была в тексте. Миниатюры 0

@Tesla 30 / 30 / 5 Регистрация: 01.05.2012 Сообщений: 350 Записей в блоге: 1
	21.10.2012, 20:25
	И картинке задайте margin:10px; для того чтобы текст в плотную не прилягал к картинке 1