 |
|
Модераторы: Illuminaty |
 
|
|
Как завершить обтекание картинки? 
| VVp |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 29.4.2004 Репутация: нет Всего: нет |
Есть такой код
<img src=1.gif style='float:left'> Текст1 <img src=2.gif style='float:left'> Текст2 Если Текст1 небольшой, а окно браузера развернуто, то вторая картинка тоже начинает обтекать первую вместе с текстом1. Вопрос, как этого избежать? Заранее спасибо. |
|||
|
||||
Загрузка ...
| Caramel |
|
|||
 Эксперт  Профиль Группа: Завсегдатай Сообщений: 4190 Регистрация: 7.8.2004 Где: Дюссельдорф Репутация: нет Всего: 142 |
Может просто использовать <br> или разложить картинки в две разные ячейки?
 |
|||
|
||||
| VVp |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 29.4.2004 Репутация: нет Всего: нет |
Да, про ячейки чето-то я не подумал, туплю
а <br> не подходит, т.к. если окно маленькое, расстояние между картинками большое получается |
|||
|
||||
Дата 22.9.2004, 14:32 (| Се ля ви |
|
|||
 Java/SOAрхитектор Профиль Группа: Модератор Сообщений: 2016 Регистрация: 5.6.2004 Где: place without tim e and space Репутация: 1 Всего: 127 |
Делаешь так:
и всё нормально работает) Это сообщение отредактировал(а) Се ля ви - 22.9.2004, 16:54 -------------------- |
|||
|
||||
| VVp |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 11 Регистрация: 29.4.2004 Репутация: нет Всего: нет |
Нет так нельзя, Текст1 относится к img1, Текст2 к img2, а не 2 текста к двум рисункам.
Короче распихал все по отдельным ячейкам, правда хотелось как-то поэлегантнее. |
|||
|
||||
| GoodBoy |
|
|||
 Главный джедай Профиль Группа: Модератор Сообщений: 3886 Регистрация: 8.1.2003 Где: КМВ Репутация: 5 Всего: 83 |
VVp
Табличная верстка - вполне хорошее решение данной проблемы!!! :-)))) -------------------- Чем дальше в лес, тем толще партизаны...
|
|||
|
||||
| Arien |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 10 Регистрация: 13.3.2006 Репутация: нет Всего: нет |
Ребята, проблема точно такая же. Имеется два дива, первый содержит картинку (float:left) и текст. Если в первом диве текста немного, текст из второго дива начинает обтекать картинку из первого. Проявляется только в Firefox. Нужно, чтобы второй див не обтекал картинку первого.
Таблицы не предлагать. Так сделаю только в том случае, если не будет найдено более элегантное решение. Надеюсь на помощь опытных верстальщиков  . |
|||
|
||||
| WebDisaster |
|
|||
 Опытный Профиль Группа: Участник Сообщений: 406 Регистрация: 22.6.2007 Репутация: 17 Всего: 19 |
А если второй div не float'ить, а назначить ему padding слева, равный ширине первого div'а?
Это сообщение отредактировал(а) WebDisaster - 12.7.2007, 21:37 |
|||
|
||||
| Uratsakidogi |
|
|||
 Шустрый Профиль Группа: Участник Сообщений: 118 Регистрация: 17.10.2006 Репутация: 11 Всего: 11 |
Я конечно может чего-то не вкурил, но чем clear плох?
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ! |
|||
|
||||
| Arien |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 10 Регистрация: 13.3.2006 Репутация: нет Всего: нет |
Проблема решена. В IE, FF, Opera работает нормально только при таком коде:
Спасибо за советы. Это сообщение отредактировал(а) Arien - 14.7.2007, 21:53 |
|||
|
||||
| SelenIT |
|
|||
 баг форума Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Присоединяюсь к недоумению Uratsakidogi...
Зачем еще какие-то сложности? -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| Uratsakidogi |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 118 Регистрация: 17.10.2006 Репутация: 11 Всего: 11 |
SelenIT, только вместо дивов правильнее наверное р.)
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ! |
|||
|
||||
| SelenIT |
|
|||
|
баг форума Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Uratsakidogi, в данном примере - согласен. А в исходнике у Arienа - кто его знает... вдруг там внутри еще какой блочный контент есть?
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| Arien |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 10 Регистрация: 13.3.2006 Репутация: нет Всего: нет |
Специально перепроверила. Clear сам по себе не работает.
Привожу фрагмент html-кода, возможно это прояснит ситуацию:
Дело в лишних дивах, находящихся между ними? |
|||
|
||||
| SelenIT |
|
|||
|
баг форума Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Arien, а CSS Ваш покажите, а лучше дайте ссылку на реальную страницу (если возможно). Что-то загадочное у Вас творится
.Или попробуйте составить минимальный пример, где обтекание сохранялось бы при наличии clear и без хаков с высотой и прочих нетривиальных вещей... -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
|
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.1068 ] [ Использовано запросов: 21 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |