Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > <DIV> верстка


Автор: MPx 24.11.2005, 10:38
Приветствую всех.
Хотел расположить одну картинку слева, другую справа. Всё вроде бы нормально (использовал float: left & right). Эти два слоя вставил в ещё один слой. Потом нужно разместить снизу текст. Специально создаю новый <div> дабы оно спустило на новую строку, но почему-то текст показался между двум слоями, хотя он должен быть ниже обоих слоёв.

Код

<div style="padding: 0 26 0 26;">
  <div style="float: left;"><img src="images/ppl1.jpg" width="200" height="300"></div>
  <div style="float: right;"><img src="images/ppl2.jpg" width="200" height="300"></div>
</div>

<div style="font: 12px Arial; color: black;">
  Here will be a text<br>
  A la diff&eacute;rence que.<br>  Here will be a text<br>
  A la diff&eacute;rence que.<br>  Here will be a text<br>
  A la diff&eacute;rence que.<br>  Here will be a text<br>
  A la diff&eacute;rence que.<br>
</div>


smile
Добавлено @ 10:40
Хм... тут подумал, по идее, можно отступить просто паддингом на чуть больше высоты картинки:

Код

padding: 320 0 0 0;


smile

Автор: Ciber SLasH 24.11.2005, 10:41
Добавь в стиль 3-го DIV-а свойство clear: both

Автор: MPx 24.11.2005, 10:57
Спасибо smile Теперь всё отлично.
Может заодно посоветуешь что-нибудь по <div-верстке>? Просто я такого свойства не видел нигде.

Автор: Ciber SLasH 24.11.2005, 11:16
Цитата
Просто я такого свойства не видел нигде.

Не видел, потому что не читал стандарт CSS2.

Вот здесь есть переведённые на русский W3C стандарты: http://w3.hotbox.ru/

Автор: MPx 24.11.2005, 12:04
Возможно smile А где в архиве этот сайт можно взять?

Автор: Ciber SLasH 25.11.2005, 21:44
Вот тут есть: http://alepira.ural.ru/dwnl.htm

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)