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



 

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

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

Открыть тему
Тема закрыта
> Обтекание текста распространияющееся только внутри определенного блока
goshikvia
goshikvia
Topic Starter сообщение 7.5.2009, 12:13; Ответить: goshikvia
Сообщение #1


Доброе время суток.

Вопрос:
Как сделать чтобы свойство "float: left" распространялось только в пределах одного определенного div?

Описание:
Я задаю два блока div (A и Б). Блок А (меню) обтекается слева, а у блока Б (текст) есть отступ справа => получается два вертикальных блока.
Внутри блока Б я отображаю список состоящий из пары блоков - один изображение, другой текст. Высота изображения и объем текста для изображения каждый раз разные, т.е. в одной паре блоков изображение выше текста, в другой - текста больше.
И еще, изображение в каждом блоке не на одном и том же месте, т.е. может быть справа от текста, может быть слева от текста.

Надо:
Надо чтобы в том списке изображение не наезжало на предыдущий текст и отступ между элементами списка был один и тот же. А если применяю свойство для элементов списка "clear: both;", то вот это свойство применяется и на БЛОК А (меню), что нежелательно.

Тут видел на форуме: чтобы изображение отекалось текстом, можно применить свойство align="left". Может тогда использовать для блоков А и Б float, а для изображений align?

P.S. Надеюсь понятно разъяснил, лучше бы конечно привести пример кода, но просто получится очень большой.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 7.5.2009, 12:20; Ответить: Webmaster_hb
Сообщение #2


лучше нарисуйте макет из блоков и сразу выделите рамкой блоки и подпишите где какие свойства стоят
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
goshikvia
goshikvia
Topic Starter сообщение 7.5.2009, 12:34; Ответить: goshikvia
Сообщение #3


<div id="A" style="float: right; width: 300px;">
Тут меню
</div>

<div id="B" style="margin-right: 300px;">
тут сам текст в котором перечень элементов списка состоящих из двух блоков.

<!-- Первый эл-нт -->
<div class="img1" style=" float: right">
<img src="">
</div>
<div>
Обтекаемый текст
</div>

<!-- Второй эл-нт -->
<div class="img2" style=" float: left">
<img src="">
</div>
<div>
Обтекаемый текст
</div>

<!-- Третий эл-нт -->
<div class="img1" style=" float: right">
<img src="">
</div>
<div>
Обтекаемый текст
</div>

<!-- И т.д. -->
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Martins_hb
Martins_hb
сообщение 10.1.2010, 22:19; Ответить: Martins_hb
Сообщение #4


что никто не ответит?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 10.1.2010, 22:27; Ответить: Htmlmaster
Сообщение #5


очень,зачастую возникающий вопрос:

<div class="helper">
</div>
<div class="div1"></div>
...


И вот CSS
.div1 {
display:-moz-inline-box;
display:inline-block;
vertical-align:bottom;
border: 1px #FF0000 dotted;
zoom:1;
}
.helper {
display:-moz-inline-box;
display:inline-block;
vertical-align:middle;
height:100%;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Martins_hb
Martins_hb
сообщение 10.1.2010, 23:33; Ответить: Martins_hb
Сообщение #6


Htmlmaster, можете внедрить это в мой пример?

<div id="main"><img src="image.jpg" align="left">
<div id="1">текст</div>
<div id="2">текст</div>
<div id="3">текст</div>
<br clear="left"><hr>

выравниваться к низу должно содержимое дива 3 (прилегать к <hr>)

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Dao.AD: пуши, попсы и не только! ТОП монетизация и арбитраж. | Акция 100 % отчисления!
89 Daopush 27041 Вчера, 19:28
автор: Daopush
Открытая тема (нет новых ответов) Перевод текста в речь нейросетями - сервис Zvukogram
13 Zvukogram 7180 19.2.2024, 18:16
автор: freon_mr777
Открытая тема (нет новых ответов) 📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼
Мы предлагаем комплексное решение для рандомизации всех видов офера
2 leviathan 1375 29.1.2024, 21:29
автор: leviathan
Открытая тема (нет новых ответов) Ссылки для сайта онлайн игр (Только Украина)
2 errorrs 4685 25.1.2024, 14:17
автор: Ladyofpinup
Открытая тема (нет новых ответов) Куплю группы ВК - только через гаранта
1 robot_yaga2 880 30.5.2023, 16:51
автор: GlazAlmaz


 



RSS Текстовая версия Сейчас: 16.4.2024, 9:32
Дизайн