{% else-1 %}
Обновить | Подписаться | Поднять тему
Чтобы выполнить действие авторизируйтесь или пройдите регистрацию на сайте.
1. [автор] (15 янв 2017, 16:30) [0/0] [0] [отв] [спам] [под] +1 | -1

Ку!
Как сделать чтобы когда картинок много и они выходят за блок - создавалась прокрутка: вот пример(scr) и код:

css:
[code].set {
background: #fff;
width: 100%;
height: 120px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
0 3px 6px rgba(0, 0, 0, 0.23);
}

.slider {
width: 100%;
height: 150px;
overflow-x: auto;
overflow-y: hidden;
}

.thumb img {
padding: 5px;
background: #666;
margin-right: 10px;
}[/code]

HTML:
[code] <div class="set">
<div class="slider">
<div class="thumb">
<img src="images/thumb1.jpg" alt="Фотография 1" width="120" height="120">
<img src="images/thumb2.jpg" alt="Фотография 2" width="120" height="120">
<img src="images/thumb3.jpg" alt="Фотография 3" width="120" height="120">
<img src="images/thumb4.jpg" alt="Фотография 4" width="120" height="120">
</div>
</div>
</div>
</div>[/code]
Добавлено 15.01.17 в 16:30:22:
scr 1

2. (15 янв 2017, 16:46) [0/0] [0] [отв] [спам] [под] +1 | -1

http://htmlbook.ru/css/overflow

3. [автор] (15 янв 2017, 16:52) [0/0] [0] [отв] [спам] [под] +1 | -1

Денис Павлик, Я знаю что это и как оно применяется, но вот что выходит

  • 1 из 1
Чтобы писать сообщения авторизируйтесь или пройдите регистрацию на сайте.
Подписаны: 0
Скачать тему | Файлы темы | Фильтр сообщений