VPF::скажите как лучше разместить несколько картнок

supervladislav

Дата 19.5.2009, 22:59 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

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

скажите как лучше разместить несколько картнок в ряд
чтобы одна была чуть чуть сдвинута ,ну и так чтобы это было желательно резиново )как
это лцчше осушествить

Присоединённый файл ( Кол-во скачиваний: 11 )

ser.png 187,67 Kb

Alex13

Дата 1.6.2009, 12:24 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 280
Регистрация: 30.12.2005
Где: Новосибирск

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

Можно например так (с точностью до отступов и размеров):

Код


<div id="container">
<div class="img" style="top: 100px; left: 10px;"><картинка_1></div>
<div class="img" style="top: 80px; left: 60px;"><картинка_2></div>
<div class="img" style="top: 60px; left: 110px;"><картинка_3></div>
<div class="img" style="top: 40px; left: 160px;"><картинка_4></div>
<div class="img" style="top: 20px; left: 210px;"><картинка_5></div>
<div class="img" style="top: 0px; left: 260px;"><картинка_6></div>
</div>

Код


#container {
    position: relative;
    width: 310px;
    height: 300px;
}
.img {
    position: absolute;
    width: 40px;
    height: 70px;
}

Отступы слева у картинок и ширину контейнера можно задать процентами - получится резиново.

--------------------

Самая страшная ошибка - это ошибка, не имеющая явных причин и конкретных последствий.
Антисоциальный блог.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »