Форум: "Прочее";
Текущий архив: 2011.08.28;
Скачать: [xml.tar.bz2];
ВнизВопрос по html div и текст Найти похожие ветки
← →
KilkennyCat © (2011-05-11 12:03) [0]Страница - прямоугольник. Делим его мысленно на четыре равных прямоугольника. верхний левый - это самостоятельный DIV, оставшиеся три части - это должен быть как бы второй самостоятельный DIV. Суть в чем - текст должен быть расположен в верхней правой части, если по высоте его не хватает - продолжаться уже ниже в обеих нижних частях. Ширина дивов фиксирована. Размеры выделенного верхнего левого дива фиксированны. Див с текстом резиновый по высоте.
Такое возможно сверстать? с первого наскока у меня не получилось, и ничего умнее для текста, кроме как сделать два дива, верхний правый и общий нижний, я не придумал...
← →
Inovet © (2011-05-11 12:21) [1]> [0] KilkennyCat © (11.05.11 12:03)
> ничего умнее для текста, кроме как сделать два дива, верхний
> правый и общий нижний, я не придумал
А чем так плохо? В ФР, к примеру, так и делается.
← →
KilkennyCat © (2011-05-11 12:33) [2]Плохо для конечного пользователя CMS. Это я за 5 секунд забью и туда и сюда, подкорректирую и все будет отображаться красиво. а какой-нить рядовой сотрудник... ему проще, если нужно редактировать одно поле.
← →
Inovet © (2011-05-11 12:40) [3]Так ему надо редактировать, чтобы сразу вокрук картинки обтекал, как в Ворде? А что нельзя сделать не "что вижу, то получаю", пусть вводит в какойнибудь прямоугольник, а потом обтекает. Только перетекать в нижний неадо по мере заполнения верхнего.
← →
palva © (2011-05-11 12:41) [4]Классический случай обтекания. У первого дива надо указать float:left, width, height ну и, если надо, padding, border, font и т. д., Следующий текст обычный, он будет "обтекать". Если надо прекратить обтекание, когда правый див еще не заполнен, а нужно перейти на нижний див, то пишут <br style="clear: both">
← →
palva © (2011-05-11 12:44) [5]Если надо обтекать картинку или таблицу, то возможны варианты верстки без CSS. Там возможен атрибут fload=left
← →
Омлет © (2011-05-11 12:47) [6]
<html>
<head>
<title>Div Test</title>
</head>
<body>
<div id="big" style="width: 500px; background-color: #999;">
<div id="lefttop" style="float: left; width: 250px; background-color: red;">
<h1>Left Top</h1>
</div>
<p>Main<br />Main<br />Main<br />Main<br />Main<br />Main<br /></p>
</div>
</body>
</html>
← →
KilkennyCat © (2011-05-11 13:38) [7]Понял, всем спасибо!
Страницы: 1 вся ветка
Форум: "Прочее";
Текущий архив: 2011.08.28;
Скачать: [xml.tar.bz2];
Память: 0.45 MB
Время: 0.003 c