Алина К.
87 сообщений
#14 лет назад
Сайт на котором не "обтекаются картинки":



Сайт откуда копировала текст:

.

Вроде один и тот же текст, а отображается по-другому...
Артем Л.
11416 сообщений
#14 лет назад
Ну к примеру попробуйте у картинки поставить align="left или right"
Сергей Ф.
420 сообщений
#14 лет назад
Style="float:left;"
Анастасия И.
116 сообщений
#14 лет назад
Снова Ваш Битрикс? ))
Выделите картинку и нажмите в редакторе страницы выравнивание по левому краю
Анатольевич В.
137 сообщений
#14 лет назад
Попробуйте в

<div id="attachment_271" class="wp-caption alignleft" style="width: 310px;"><img class="size-medium wp-image-271" title="DSC01479" src="http://batiskaf.site-test.name/upload/iblock/c36/dsc01479.jpg" alt="Олег Чебыкин и Андрей Макаревич на фоне своего детища" width="300" height="225" /><p class="wp-caption-text">Олег Чебыкин и Андрей Макаревич на фоне своего детища</p></div>

добавить в первом теге " float:left;" вот так:

<div id="attachment_271" class="wp-caption alignleft" style="width: 310px; float:left;">
Антон Е.
279 сообщений
#14 лет назад
Serget уже сказал решение правильное нужно его просто зафлотить Style="float:left;"
Алина К.
87 сообщений
#14 лет назад
Всем большое спасибо Текст поставился как надо
Алина К.
87 сообщений
#14 лет назад


Хм... видимо рано обрадывалась. С первой картинкой - ок, остальные друг на друга лезут(((
Алина К.
87 сообщений
#14 лет назад
Непонятен вот этот промежуток:

"<dt id="answer3" style="display: block; font-weight:normal !important; padding: 0px; margin: 0px;"><strong>Коллекция</dt></strong>
<p> </p>
<div id="attachment_291" class="wp-caption alignleft" style="width: 222px; float:left;"><img class="size-medium wp-image-291" title="cover" src="http://batiskaf.site-test.name/upload/iblock/f5a/.jpg" alt="Каталог сети Батискаф" width="212" height="300" />
<p class="wp-caption-text">Каталог сети Батискаф</p></div>
<p>Все магазины нашей сети объединяет общая коллекция снаряжения для дайвинга и подводной охоты, которая была тщательно подобрана крупнейшими специалистами подводного дела. Коллекция включает в себя товары около 40 разных брендов с мировым именем и отличной репутацией от Aqualung до Zeagle – помимо широчайшего выбора мы стремимся предоставить клиенту великолепное качество. Все богатство выбора представлено в ежегодном каталоге сети «Батискаф». Без красочного содержания (читай: каталога) в необъятном море разнообразия коллекции просто не выплыть. К тому же каталог является отличным помощником при выборе снаряжения: каждый желающий в нем найдет подробные описания, красочные иллюстрации, советы профессионалов и многое другое.</p>

<dt id="answer4" style="display: block; font-weight:normal !important; padding: 0px; margin: 0px;"><strong><p>Сервисное обслуживание</p></strong></dt>
<p> </p>
<div id="attachment_293" class="wp-caption alignleft" style="width: 272px; float:left;"><img class="size-medium wp-image-293" title="Servise" src="http://batiskaf.site-test.name/upload/iblock/9bf/%20uyjsmllbmssb.jpg" alt="Сервис-центры Батискаф" width="262" height="300" /><p class="wp-caption-text">Сервис-центры Батискаф</p></div>"

Как сделать отсупы между картинками?
Алина К.
87 сообщений
#14 лет назад
Хм... может кого заинтересует отредактить 1 страницу платно?)
Владимир О.
206 сообщений
#14 лет назад
Берем, например, фрагмент
<dt style="margin: 0px; padding: 0px; display: block; font-weight: normal ! important; clear: left;" id="answer4"><strong>Сервисное обслуживание</strong></dt>
Добавьте для dt стиль clear: left
В этом случе поможет.

ЗЫ. только не понимаю, зачем надо dt делать display: block, когда можно просто взять p ?
Алина К.
87 сообщений
#14 лет назад
Цитата ("Vlad_06"):
Берем, например, фрагмент
<dt style="margin: 0px; padding: 0px; display: block; font-weight: normal ! important; clear: left;" id="answer4"><strong>Сервисное обслуживание</strong></dt>
Добавьте для dt стиль clear: left
В этом случе поможет.

ЗЫ. только не понимаю, зачем надо dt делать display: block, когда можно просто взять p ?

Спасибо, страница полностью исправлена/готова)