Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Разместить две плавающие картинки, друг под другом 
V
    Опции темы
xTr1m
Дата 26.7.2009, 10:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 692
Регистрация: 9.2.2005
Где: Москва

Репутация: нет
Всего: 1



Доброго времени суток, нужно разместить две картинки справа одна под другой. При этом текст должен их обтекать.
Одну картинку сделать могу (при помощи float), а две не получается. Вернее получается, но при этом они идут справа на одной строке =)
Как быть?
PM MAIL WWW ICQ   Вверх
olegti
Дата 26.7.2009, 13:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 62
Регистрация: 9.7.2009

Репутация: нет
Всего: нет



Цитата(xTr1m @ 26.7.2009,  10:55)
Доброго времени суток, нужно разместить две картинки справа одна под другой. При этом текст должен их обтекать.
Одну картинку сделать могу (при помощи float), а две не получается. Вернее получается, но при этом они идут справа на одной строке =)
Как быть?

Попробуй засунуть каждую картинку с текстом в <div>!!!

Получится:

Код

<div><img1 style="float:left">текст текст</div>

<div><img2 style="float:left">текст текст</div>



PM MAIL   Вверх
xTr1m
Дата 26.7.2009, 18:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 692
Регистрация: 9.2.2005
Где: Москва

Репутация: нет
Всего: 1



Не сработало =( обе картинки на одной строке

Добавлено через 10 минут и 42 секунды
Вот нашел, определение класса в CSS
Код

rightImgCombined {
    float: right; 
    margin: 0px 0 30px 30px;
    clear: right;
    }

PM MAIL WWW ICQ   Вверх
Itsys
Дата 26.7.2009, 20:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34



Немного не точно, надо запихнуть обе картинки в div, а ему уже сделать float.

Код

<div style="float: right"><img src="***"><br>
<img src="***"></div>

PM MAIL WWW Skype   Вверх
xTr1m
Дата 26.7.2009, 20:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 692
Регистрация: 9.2.2005
Где: Москва

Репутация: нет
Всего: 1



Да, действительно. Большое спасибо.
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0546 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.