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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Каталог интернет магазина 
:(
    Опции темы
chepik12
Дата 10.9.2013, 15:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Доброе время суток!
Возникла проблема или скажем недоумение.
Есть резиновый блок контент и одна строка в которой находяться блоки краткого описание товаров (5 штук).
Необходимо чтобы при изменении размера окна браузера блоки изменяли свой размер пропорционально. Блоки которые не помещяются должны исчезать, а не прыгать ниже.

Интуитивно понятно что:
Если помещяется 3 блока их width:33.3%
Если 4 блока их width:25%
и т.д.
Суть проблемы:
Как заставить блоки отображаться в случае появления пространства для их размещения и соответственно скрывать их при уменьшении пространства.

Пример. Сайт ozon.ru как раз по такому принципу (блок "Обычно интересуются")

Подскажите пожайлуйста в каком направлении копать? jquery ли это? 
PM MAIL   Вверх
bars80080
Дата 10.9.2013, 16:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



очевидно, что в вёрстке всё всегда можно скопипастить с примера. достаточно открыть загруженный уже в ваш браузер страничку озона

в принципе, такую штуку можно сделать, если сделать:

Код

<div class="out">
    <div class="in">
        .. блоки ..
    </div>
</div>


Код

.out { overflow-x: hidden; width: 100%; }
.in { min-width: 500px; }


возможно, для .in придётся указать максимальную ширину и/или position: relative
PM MAIL WWW   Вверх
chepik12
Дата 10.9.2013, 22:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(bars80080 @ 10.9.2013,  16:06)
очевидно, что в вёрстке всё всегда можно скопипастить с примера. достаточно открыть загруженный уже в ваш браузер страничку озона

в принципе, такую штуку можно сделать, если сделать:

Код

<div class="out">
    <div class="in">
        .. блоки ..
    </div>
</div>


Код

.out { overflow-x: hidden; width: 100%; }
.in { min-width: 500px; }


возможно, для .in придётся указать максимальную ширину и/или position: relative

Спасибо за помощь! 
Но все же пришлось писать скрипт ручками, ибо плагина не нашел.. А потрошить страницу озона в поисках нужного не очень хочется)
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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