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



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Как установиться баннер обтекаемый текстом в HTML?
Wolfhound
Wolfhound
Topic Starter сообщение 29.7.2015, 0:17; Ответить: Wolfhound
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 290
Регистрация: 23.11.2014
Поблагодарили: 13 раз
Репутация:   3  


Завел себе блог и уже через неделю столкнулся с первой проблемкой.
Изначально вставлял в текст картинки, которые были расположены слева, а текст распологался справа (причем текст начинался с самого верха картинки и был установлен небольшой отступ текста от картинки), но когда поставил вместо кода картинки баннер, ситуация "вышла из подконтроля" :( баннер действительно был расположен слева, но текст уже "необтекал" баннер справа, а публиковался строго внизу под баннером.
Подскажите пожалуйста, код HTML, который дал возможность установить флеш картинку или баннер слева в статье и что бы обтекаемый текст начинался с самого верха изображения.
P.S.
Сразу отмечу, что блог на платформе blogspot.com, а картинка или баннер имеют форму квадрата, скажем 160 х 160, 200 х 200 и т.д.

Сообщение отредактировал Wolfhound - 29.7.2015, 0:18


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 29.7.2015, 0:51; Ответить: x64
Сообщение #2


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3424
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2745 раз
Репутация:   289  


float


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
HillClimb
HillClimb
сообщение 29.7.2015, 1:20; Ответить: HillClimb
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 76
Регистрация: 4.11.2013
Из: Украины
Поблагодарили: 22 раза
Репутация:   3  


Wolfhound, вышла она из-под контроля потому, что у картинки был класс в котором было прописано обтекание и отступ, а у банера его нет. (скорее всего)
Так что тут или определите класс той картинки и задайте его баннеру либо в коде баннера пропишите style="float:left;margin: 5px;" - при этом ваш баннер будет обтекаться с правой стороны и будет иметь маленький отступ от контента по краям.
Либо если "шарите", задайте класс сами со свойствами описанными выше.

Сообщение отредактировал HillClimb - 29.7.2015, 1:21
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wolfhound
Wolfhound
Topic Starter сообщение 29.7.2015, 1:22; Ответить: Wolfhound
Сообщение #4


Бывалый
****

Группа: User
Сообщений: 290
Регистрация: 23.11.2014
Поблагодарили: 13 раз
Репутация:   3  


Попробовал, с картинкой проблем нет, а баннер - все без изменений, может я что делаю не так? Вот мой код, правда blogger его несколько подправил :hmhm:
Цитата
<div dir="ltr" style="text-align: float: left;" trbidi="on">
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="height: 160px; width: 192px;">
<код баннера></div>

Как написать правильно?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
HillClimb
HillClimb
сообщение 29.7.2015, 1:33; Ответить: HillClimb
Сообщение #5


Частый гость
**

Группа: User
Сообщений: 76
Регистрация: 4.11.2013
Из: Украины
Поблагодарили: 22 раза
Репутация:   3  


Wolfhound,
Цитата
<div style="height: 160px; width: 192px; float:left;">
<код баннера></div>



Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wolfhound
Wolfhound
Topic Starter сообщение 29.7.2015, 1:43; Ответить: Wolfhound
Сообщение #6


Бывалый
****

Группа: User
Сообщений: 290
Регистрация: 23.11.2014
Поблагодарили: 13 раз
Репутация:   3  


HillClimb СПАСИБО, сработало :D единственная просьба, подскажите как добавить отступ между баннером (слева) и текстом (справа) :blush:


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
HillClimb
HillClimb
сообщение 29.7.2015, 1:49; Ответить: HillClimb
Сообщение #7


Частый гость
**

Группа: User
Сообщений: 76
Регистрация: 4.11.2013
Из: Украины
Поблагодарили: 22 раза
Репутация:   3  


Wolfhound, Пожалуйста ;)
Цитата
<div style="height: 160px; width: 192px; float:left; margin-right: 5px">
<код баннера></div>

- размер отступа -> 5px справа

Сообщение отредактировал HillClimb - 29.7.2015, 1:49
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lisel85
Lisel85
сообщение 29.7.2015, 1:53; Ответить: Lisel85
Сообщение #8


Всех благ!
******


Группа: Active User
Сообщений: 2139
Регистрация: 3.4.2013
Из: дома
Поблагодарили: 1222 раза
Репутация:   220  


margin: 15px; после left добавьте....


--------------------
Цельтесь в луну, даже если промахнетесь, то окажетесь среди звезд.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wolfhound
Wolfhound
Topic Starter сообщение 29.7.2015, 1:56; Ответить: Wolfhound
Сообщение #9


Бывалый
****

Группа: User
Сообщений: 290
Регистрация: 23.11.2014
Поблагодарили: 13 раз
Репутация:   3  


HillClimb Еще раз ОГРОМНОЕ СПАСИБО, все тип топ, не пойму только какого хрена "blogger" изменяет те коды которые написал я, я понимаю если была бы ошибка, а так :nea: Насобираю чуток контента и "ноги в руки с блогспотКОМА :D


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как установить источник заражения сайтов?
7 kelevra 569 Сегодня, 16:40
автор: phoenix_kys
Открытая тема (нет новых ответов) Как действительно успешно внедрять привычки. И менять жизнь
seoandme.ru - SEO-блог Анны Ященко
13 AnnaYa 1228 Сегодня, 16:23
автор: Zoya83
Открытая тема (нет новых ответов) Facebook палит прокси. Кто как решает эту проблему?
26 Twickbot 3404 Сегодня, 15:02
автор: Mikki
Открытая тема (нет новых ответов) Как мошенники зарабатывают на прямых трансляциях в Instagram
Не ждите порно в инстаграм, его нет
7 PostBrigada 729 Вчера, 20:35
автор: galikfor
Открытая тема (нет новых ответов) Как пройти модерацию в Яндекс Директ, тематика Майнеры криптовалюты
4 rownong27 1162 Вчера, 20:02
автор: tygrytsa


 



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