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



 

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

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


Бывалый
****

Группа: User
Сообщений: 303
Регистрация: 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
Сообщений: 3544
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2881 раз
Репутация:   294  


float


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


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


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

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


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

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


Бывалый
****

Группа: User
Сообщений: 303
Регистрация: 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
Сообщений: 77
Регистрация: 4.11.2013
Из: Украины
Поблагодарили: 23 раза
Репутация:   4  


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



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


Бывалый
****

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


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


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


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

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


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
Сообщений: 2148
Регистрация: 3.4.2013
Из: дома
Поблагодарили: 1231 раз
Репутация:   221  


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


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


Бывалый
****

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


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как заработать новичку?
141 Emeralda 25545 Сегодня, 12:43
автор: Emtec
Открытая тема (нет новых ответов) Как организовать индексацию защищенных pdf с ключами и ссылками
И разместить pdf на внешних жирных ресурсах
0 kirch 397 Вчера, 23:37
автор: kirch
Открытая тема (нет новых ответов) [Книга] Налог на глупость: Как я заработал в интернете 5,5 млн рублей.
7 kotovsky 2124 Вчера, 8:30
автор: kolor73
Открытая тема (нет новых ответов) Король социалок 7: Генератор видео и 5 способов как на нём заработать
0 Volgar 407 19.5.2018, 17:09
автор: Volgar
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКак носить смартфоны диагональю 5.5 - 6.4 дюйма?
41 Room 5087 19.5.2018, 15:28
автор: Chezarius


 



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