Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
Рейтинг: Рейтинг темы: голосов - 39, средняя оценка - 4.74
tiko-svyazist
0 / 0 / 0
Регистрация: 08.01.2011
Сообщений: 19
#1

Горизонтальная прокрутка - HTML, CSS

01.09.2012, 09:46. Просмотров 5346. Ответов 4
Метки нет (Все метки)

Добрый день.
У меня следующая проблема.

Есть разметка

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="carousel">
    <a href="#">
              <img src="some_src">
        </a>
    <a href="#">
            <img src="some_src">
        </a>
        <a href="#">
            <img src="some_src">
         </a>
 
        ....
 
    </div>
и стили к ней

CSS
1
2
3
4
5
6
7
8
9
10
11
12
.carousel {
 
    overflow-x: auto;
 
    width: 300px;
    height: 90px;
    }
.carousel a {
    display: block;
    float: left;
    margin: 3px;
    }
и вместо горизонталсной прокрутки получаю вертикальную прокрутку

что делать?

Спасибо.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
01.09.2012, 09:46
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Горизонтальная прокрутка (HTML, CSS):

Горизонтальная прокрутка - HTML, CSS
Можно ли поставить overаflow только для горизонтальной прокрутки?

Горизонтальная прокрутка - HTML, CSS
Как создать эффект который есть на сайте google. При уменьшении размера окна браузера, по горизонтали появлялась полоса прокрутки.

Горизонтальная прокрутка мышью - HTML, CSS
Делал горизонтальную прокрутку основываясь на этой статье...

Горизонтальная прокрутка фото - HTML, CSS
Здравствуйте! Скажите пожалуйста, можно ли как-то сделать горизонтальную прокрутку картинок типа как в google когда вводишь поиск фильмов с...

Горизонтальная прокрутка на iphone - HTML, CSS
Здравствуйте, не могу показать скрин, но думаю и так понятно будет. Проблема в том что на айфоне сайт можно прокрутить горизонтально влево...

Горизонтальная прокрутка на мобильных страницах - HTML, CSS
Друзья, в сss wordressa добавляю body{overflow-x: hidden;},чтобы не было горизонтальной прокрутки при проверке мобильных страниц...

4
Vovan-VE
13139 / 6521 / 188
Регистрация: 10.01.2008
Сообщений: 15,071
01.09.2012, 11:21 #2
Цитата Сообщение от tiko-svyazist Посмотреть сообщение
CSS
1
2
display: block;
float: left;
display: inline-block;
никакого float'а.
0
tiko-svyazist
0 / 0 / 0
Регистрация: 08.01.2011
Сообщений: 19
01.09.2012, 11:54  [ТС] #3
Попробовал, результат тот же
0
Vovan-VE
13139 / 6521 / 188
Регистрация: 10.01.2008
Сообщений: 15,071
01.09.2012, 12:00 #4
Цитата Сообщение от tiko-svyazist Посмотреть сообщение
Попробовал, результат тот же
Да, еще
CSS
1
2
3
.carousel {
    white-space: nowrap;
}
2
tiko-svyazist
0 / 0 / 0
Регистрация: 08.01.2011
Сообщений: 19
01.09.2012, 12:17  [ТС] #5
Вот это сработало, огромное спасибо
0
01.09.2012, 12:17
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
01.09.2012, 12:17
Привет! Вот еще темы с ответами:

Появляется горизонтальная прокрутка, Bootstrap - HTML, CSS
Делаю сайт deviant.gq на бутстрапе, и столкнулся с тем что появлються горизонтальные полосы прокрутки, причем не на всех разрешениях, по...

Параллельная вертикальная прокрутка двух блоков и отдельная горизонтальная прокрутка одного из двух блоков - HTML, CSS
Всем привет! Помогите решить проблему, пожалуйста. Есть блок div, внутри которого два блока div (в каждом из них по одной таблице),...

@media и горизонтальная прокрутка на мобильных устройствах - HTML, CSS
Добрый вечер! Есть мобильная версия сайта, есть стили с использованием @media, в частности, начиная с @media screen and (max-width:...

При разном разрешении появляется горизонтальная прокрутка - HTML, CSS
Народ помогите пожалуйста разобраться. У меня При маленьком разрешении появляется горизонтальная прокрутка. На широком мониторе все...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.