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



 

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

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


0
***

Группа: User
Сообщений: 161
Регистрация: 7.5.2009
Поблагодарили: 0 раз
Репутация:   0  


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

Вопрос:
Как сделать чтобы свойство "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


0
*******


Группа: User
Сообщений: 7538
Регистрация: 5.3.2007
Поблагодарили: 0 раз
Репутация:   0  


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


0
***

Группа: User
Сообщений: 161
Регистрация: 7.5.2009
Поблагодарили: 0 раз
Репутация:   0  


<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


0
**

Группа: User
Сообщений: 79
Регистрация: 18.3.2008
Поблагодарили: 0 раз
Репутация:   0  


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


0
****

Группа: User
Сообщений: 276
Регистрация: 3.9.2009
Поблагодарили: 0 раз
Репутация:   0  


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

<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


0
**

Группа: User
Сообщений: 79
Регистрация: 18.3.2008
Поблагодарили: 0 раз
Репутация:   0  


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+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подскажите ПП. Траф только мобильный, только бурж.
тизеры\баннеры или видео
6 3rim 350 16.9.2020, 9:48
автор: GrushaMintol
Открытая тема (нет новых ответов) Dao.AD: пуши, попсы и не только! ТОП монетизация и арбитраж. | Акция 100 % отчисления!
10 Daopush 1021 11.9.2020, 12:25
автор: Daopush
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыШирина текста на странице
вопрос для тех кто смыслит
6 Mukanov 415 14.8.2020, 16:37
автор: x64
Открытая тема (нет новых ответов) Разместим статьи на сайте по рыбе и морепродуктам (только тематика!)
1 slaru 838 4.8.2020, 15:21
автор: slaru
Открытая тема (нет новых ответов) Литература по MySQL (только прямые ссылки)
17 Ginka 70943 19.7.2020, 19:53
автор: -DouglasDeare-


 



RSS Текстовая версия Сейчас: 19.9.2020, 8:50
Дизайн