[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как сверстать?
VladKamyshanov
Привет всем! biggrin.gif

Хочу сверстать такую штуку, чтоб блоки уходили за правый край экрана) Количество блоков может быть разное и должна присутствовать прокрутка.
Прикладываю эскиз)(примерно, рисовал от руки smile.gif )

Спасибо за помощь)
inpost
div с стилями: width, overflow.
Так делается родитель. Внутри каждый див-child делается с float:left, таким образом он будет тянуться в ширину дальше-дальше...

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
VladKamyshanov
Ок. Спасибо. Буду пробовать
redreem
inpost

непроверял в такой конфигурации, но сдается мне что флоаты не будут двигать див в ширину.
SoMeOnE
элемент float перейдет на новую строку если не хватит ширины родительского, если не ошибаюсь.
netruxa
да, float не прокатит
первое, что пришло в голову - сделать табличкой. уж она растягивает экран нормально

_____________
ввв.парсер.рф - онлайн система проверки позиций Вашего сайта в поисковиках. Для форумчан 100 рублей на счет.
Hello
SoMeOnE
Для того чтобы не переходил на новую строку и нужен overflow

_____________
VPS от 5$, первые 2 месяца - бесплатно.
inpost
Я же написал про overflow для родителя. Почему вдруг float:left перейдет на новую строчку?

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
VladKamyshanov
inpost
не работает. сделал так:

Родитель:
.file-list{
overflow: auto;
position: absolute;
height: 300px;
top: 50%;
margin-top: -25%;
left: 3%;
}


Див - child
.file-list .item{
float: left;
width: 280px;
height: 300px;
background-color: #999;
margin-right: 3px;
}


Блоки переносятся(

PS

Хотел спросить как можно сделать порядок блоков такой(если не сложно)

[1][3][5]
[2][4][6]
inpost
VladKamyshanov
Ты просишь: "скролл дайте мне", а сам прописываешь overflow: auto; Почему ты думаешь, что автоматически он выберет скролл, а не фикс?

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.