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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Размещение фоток в div и overflow 
:(
    Опции темы
Melo
Дата 5.5.2009, 11:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Я хочу чтоб в диве выводлись фотки, если количество фоток превышает длинну дива, то чтоб в диве, в котором они находятся, появлялся горизонтальный скролл. Вот пробую так, а лишние фотки идут вниз и появляется вертикальный скролл.  

Код

<div style="width:270px;height:48px;border:1px solid red;overflow:auto;">
  <img src="test.jpg" />
  <img src="test.jpg" />
  <img src="test.jpg" />
  <img src="test.jpg" />
  <img src="test.jpg" />
  <img src="test.jpg" />
</div>


Как сделать горизонтальный?
PM MAIL   Вверх
bars80080
Дата 5.5.2009, 11:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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



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

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



overflow-x и overflow-y - по осям
PM MAIL WWW   Вверх
Melo
Дата 5.5.2009, 11:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



ага, я видел такое, только дело в том, что там не ставь, все равно при переполнениии фотки идут вниз по вертикали, но никак не хотят по горизонтали.
PM MAIL   Вверх
bars80080
Дата 5.5.2009, 14:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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



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

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



а если назначить картинкам:

Код

img { display: inline; }
и проставить диву 
Код

div { white-space: nowrap; }

?

хотя неизвестно, поможет ли


есть ещё вариант - внутрь дива сунуть ещё один див, а в него уже картинки. внутреннему диву назначить о-о-о-о-очень большую ширину. тогда перемещаться будет он
PM MAIL WWW   Вверх
ksnk
Дата 5.5.2009, 15:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Melo, вариант, в общем-то один. В таблицу все это добро упихать.
Можно положить и в див, но тогда этому диву нужно будет явно указать размер, в который гарантированно войдет все многообразие картинок, а это - не спортивно...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Melo
Дата 6.5.2009, 10:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



да, решение - таблицу во внутрь, так лучше всего, спасибо.
PM MAIL   Вверх
LittleFuntik
Дата 6.5.2009, 17:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



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


 




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


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

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