Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> <DIV> верстка, Третий слой 
:(
    Опции темы
MPx
Дата 24.11.2005, 10:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 52
Регистрация: 17.11.2005

Репутация: нет
Всего: 1



Приветствую всех.
Хотел расположить одну картинку слева, другую справа. Всё вроде бы нормально (использовал 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
PM MAIL ICQ MSN   Вверх
Ciber SLasH
Дата 24.11.2005, 10:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Добавь в стиль 3-го DIV-а свойство clear: both
PM   Вверх
MPx
Дата 24.11.2005, 10:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 52
Регистрация: 17.11.2005

Репутация: нет
Всего: 1



Спасибо smile Теперь всё отлично.
Может заодно посоветуешь что-нибудь по <div-верстке>? Просто я такого свойства не видел нигде.
PM MAIL ICQ MSN   Вверх
Ciber SLasH
Дата 24.11.2005, 11:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Цитата
Просто я такого свойства не видел нигде.

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

Вот здесь есть переведённые на русский W3C стандарты: http://w3.hotbox.ru/
PM   Вверх
MPx
Дата 24.11.2005, 12:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 52
Регистрация: 17.11.2005

Репутация: нет
Всего: 1



Возможно smile А где в архиве этот сайт можно взять?
PM MAIL ICQ MSN   Вверх
Ciber SLasH
Дата 25.11.2005, 21:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Вот тут есть: http://alepira.ural.ru/dwnl.htm
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0419 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.