ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / overflow с картинками не работает
8 сообщений из 8, страница 1 из 1
overflow с картинками не работает
    #38294037
RiskTaker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RiskTaker
Гость
Есть блок div, где есть изображения(просто изображения):
Код: html
1.
2.
3.
4.
5.
6.
7.
<div class="somediv">
   <img src="someimg1.jpg" alt="" />
   <img src="someimg2.jpg" alt="" />
   <img src="someimg3.jpg" alt="" />
   <img src="someimg4.jpg" alt="" />
   <img src="someimg5.jpg" alt="" />
</div>


Стили:
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
.somediv {
    width: 1300px;
    height: 60px;
    margin: 100px auto;
    background: url(bg.png);
    border: 1px solid #e3e3e3;
    padding: 5px;
    overflow-x: scroll;
}



Высота картинки всегда = 60px
Так вот свойство overflow-x не работает, картинки становятся в два ряда а не в один со скролом.
Как решить?
...
Рейтинг: 0 / 0
11.06.2013, 14:15
| Ответить | Цитировать | Написать  
overflow с картинками не работает
    #38294178
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
RiskTaker,

у тега img лучше указать width и height .
А приложите какую-нибудь картинку из тестового примера.
...
Рейтинг: 0 / 0
11.06.2013, 15:05
| Ответить | Цитировать | Написать  
overflow с картинками не работает
    #38294195
RiskTaker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RiskTaker
Гость
user89,
Ширина и высота указаны.
http://placehold.it/100x100
Вот эта картинка
...
Рейтинг: 0 / 0
11.06.2013, 15:11
| Ответить | Цитировать | Написать  
overflow с картинками не работает
    #38294272
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
RiskTakerТак вот свойство overflow-x не работает
Теперь свойство виновато!

RiskTakerкартинки становятся в два ряда а не в один со скролом.
Или таки картинки сволочи?

RiskTakerКак решить?
Как вариант, еще один див внутри с большооооой шириной. Картинки все в него.
...
Рейтинг: 0 / 0
11.06.2013, 15:37
| Ответить | Цитировать | Написать  
overflow с картинками не работает
    #38294321
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
RiskTaker,

нормально отображаются. Проверял в Опере, Хромом
http://jsfiddle.net/rEdVQ/
...
Рейтинг: 0 / 0
11.06.2013, 15:57
| Ответить | Цитировать | Написать  
overflow с картинками не работает
    #38294379
RiskTaker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RiskTaker
Гость
user89,

http://jsfiddle.net/rEdVQ/1/
Скролбар не работает, картинки в два ряда
...
Рейтинг: 0 / 0
11.06.2013, 16:36
| Ответить | Цитировать | Написать  
overflow с картинками не работает
    #38294679
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
RiskTaker,

только сейчас добрался до интернета... В стиль надо поставить white-space: nowrap;
http://jsfiddle.net/rEdVQ/2/
...
Рейтинг: 0 / 0
11.06.2013, 21:28
| Ответить | Цитировать | Написать  
overflow с картинками не работает
    #38294781
RiskTaker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RiskTaker
Гость
user89,
Огромное спасибо)
...
Рейтинг: 0 / 0
12.06.2013, 00:32
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / overflow с картинками не работает
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=129&tid=1448233]:
 0ms
get settings:
 6ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 51ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 1ms
others: 207ms
total:  330ms
созд. / загр.: 330ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]