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



 

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

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

Открыть тему
Тема закрыта
> Форматирование текста
3dmax_hb
3dmax_hb
Topic Starter сообщение 18.11.2010, 18:19; Ответить: 3dmax_hb
Сообщение #1


Здравствуйте!
Я разработчик нескольких сайтов и постоянный редактор html-кода... Но вот возникла ситуация, где текст с картинкой нужно оформить следующим образом: обтекание картинки текстом справа так, что часть текста обтекает картинку, а остальная (заранее определённая) находится ниже картинки, строго не обтекая её границы.

Код следующий:
<p>
<img src="test.jpg" height="200" align="left" />
Этот текст обтекает изображение.
</p>
<p>
Оставшийся текст
</p>
К нужному результату вышеизложенный код не приводит, ибо весь текст располагается справа от изображения.

Есть ли способ решить проблему без кучи тэгов типа "<br>" и не прибегая к таблице?
Например, через "css"... Главное - как можно короче!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 18.11.2010, 18:26; Ответить: MetSerp
Сообщение #2


а свойство float не спасает? в сочетании с clear
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3dmax_hb
3dmax_hb
Topic Starter сообщение 18.11.2010, 19:55; Ответить: 3dmax_hb
Сообщение #3


Да, помогло. Благодарю.
<p>
<img src="fon.gif" width="100" height="100" align="left" />
Text1Text1Text1Text1Text1Text1Text1
</p>
<p style="clear: left;">
Text2Text2Text2Text2Text2Text2Text2
</p>

PS Про "clear" первый раз слышу... Хотя согласитесь, что логичнее в данном примере эта идея должна бы реализовываться без "clear".
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 18.11.2010, 20:07; Ответить: MetSerp
Сообщение #4


почему ? Clear предназначен для того элемент не обтекали, вам надо чтобы элемент не обтекался картинкой, так что все вполне логично вроде.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3dmax_hb
3dmax_hb
Topic Starter сообщение 18.11.2010, 22:28; Ответить: 3dmax_hb
Сообщение #5


(MetSerp @ 18.11.2010, 22:07) *
почему ? Clear предназначен для того элемент не обтекали, вам надо чтобы элемент не обтекался картинкой, так что все вполне логично вроде.

Да, но там два тега <p>, обозначающие два абзаца текста. Картинка находится в первом и, следовательно должна заканчиваться вместе с первым абзацем... Но, стоит указать align=left или float:left так сразу буд-то бы position у тега img меняется на relative...
Понимаю, если бы всё было внутри одного тега <p>, но здесь два абзаца, а значит два блока, которые браузер соединяет в один после задания align...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 18.11.2010, 23:15; Ответить: MetSerp
Сообщение #6


дык он обтекает его ровно столько сколько есть картинки, независиомо от количества элементов, а как только ему говорят не обтекать, либо кончилась картинка, он соответственно перестает обтекать:prilichno:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3dmax_hb
3dmax_hb
Topic Starter сообщение 19.11.2010, 10:31; Ответить: 3dmax_hb
Сообщение #7


Но я полагаю, если обтекание было включено внутри одного блока (<p>,<div>, ...), то оно и должно распространяться только внутри него, а не до конца страницы...

Мы же, когда назначаем обычному блоку фоновую картинку и в случае, когда высота блока меньше этой картинки она же не вылезает за рамки блока?!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GrizzlyBlackBear
GrizzlyBlackBear
сообщение 19.11.2010, 12:40; Ответить: GrizzlyBlackBear
Сообщение #8


насколько я понимаю, обтекание распространяется на тот обьект, которому мы задали свойство float, то есть остальной контент начинает обтекать этот обьект, пока обьект не кончится. Или, пока не будет задано свойство clear.

MetSerp, я прав? Поправь ежели чо :)

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Перевод текста в речь нейросетями - сервис Zvukogram
13 Zvukogram 7128 19.2.2024, 18:16
автор: freon_mr777
Открытая тема (нет новых ответов) 📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼
Мы предлагаем комплексное решение для рандомизации всех видов офера
2 leviathan 1339 29.1.2024, 21:29
автор: leviathan
Открытая тема (нет новых ответов) Нужен перевод текста с RU на UZ
0 REGNET 742 22.2.2023, 15:17
автор: REGNET
Открытая тема (нет новых ответов) Наполнение сайта Автотематики (написание текста с размещением)
Ищу человека для длительного сотрудничества
2 NYLesha 1807 1.8.2022, 23:22
автор: NYLesha
Открытая тема (нет новых ответов) Рерайт на постоянку (2-3 текста в неделю)
Авто тематика
2 k62 1787 4.6.2021, 21:20
автор: mark2013


 



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