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

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

01.09.2012, 09:46. Просмотров 5523. Ответов 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):

Горизонтальная прокрутка
Как создать эффект который есть на сайте google. При уменьшении размера окна...

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

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

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

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

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

4
Vovan-VE
13148 / 6532 / 1038
Регистрация: 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
13148 / 6532 / 1038
Регистрация: 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
Делаю сайт deviant.gq на бутстрапе, и столкнулся с тем что появлються...

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

@media и горизонтальная прокрутка на мобильных устройствах
Добрый вечер! Есть мобильная версия сайта, есть стили с использованием @media,...

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


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

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

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