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



 

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

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

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


Завел себе блог и уже через неделю столкнулся с первой проблемкой.
Изначально вставлял в текст картинки, которые были расположены слева, а текст распологался справа (причем текст начинался с самого верха картинки и был установлен небольшой отступ текста от картинки), но когда поставил вместо кода картинки баннер, ситуация "вышла из подконтроля" :( баннер действительно был расположен слева, но текст уже "необтекал" баннер справа, а публиковался строго внизу под баннером.
Подскажите пожалуйста, код 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


float


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


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

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


Попробовал, с картинкой проблем нет, а баннер - все без изменений, может я что делаю не так? Вот мой код, правда 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


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



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


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


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


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


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


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


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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
151 adw-kupon.ru 19822 Вчера, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
20 uahomka 3449 Вчера, 11:54
автор: Skyworker
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
1 Boymaster 520 Вчера, 11:45
автор: Skyworker
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
30 freeax 5017 20.4.2024, 16:49
автор: Liudmila
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
13 Boymaster 2022 20.4.2024, 15:06
автор: Boymaster


 



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