Отключить перенос элементов на новую строку

@Rasnor · Регистрация: 10.08.2014

Author24 — интернет-сервис помощи студентам

Всем привет. Как сделать так чтобы картинку были выстроены в строку, т.е я хочу сделать слайдер, но у меня картинки как только они понимают что не поместятся переходят на новую строку, мне нужно как-то сделать так чтобы картинки выходили за границу и были построены в ряд, их конечно не будет видно т.к будет css правило overflow: hidden.

@Padimanskas · 25.12.2014, 22:22

CSS

1	clear: right

@Rasnor · 25.12.2014, 22:26 **[ТС]**

не, не то,вот код:

HTML5

        <section>
            <div id="slider">
                <img src="https://www.cyberforum.ru/images/sliderimg.jpg" alt="sliderimg">
                <img src="https://www.cyberforum.ru/images/sliderimg.jpg" alt="sliderimg">
                <img src="https://www.cyberforum.ru/images/sliderimg.jpg" alt="sliderimg">
            </div>
            <div id="sliderbuttons">
                
            </div>
        </section>

CSS

section {
    height: 370px;
    position: relative;
    overflow: hidden;
    margin-top: 22px;
}
 
 
 
#slider {
    height: 340px;
    width: 938px;
    border: 1px solid #c6c6c6;
    border-radius: 7px;
    position: relative;
}

@Rasnor 0 / 0 / 1 Регистрация: 10.08.2014 Сообщений: 60
		1
	Отключить перенос элементов на новую строку 25.12.2014, 22:14. Показов 6996. Ответов 2 Метки нет (Все метки) Всем привет. Как сделать так чтобы картинку были выстроены в строку, т.е я хочу сделать слайдер, но у меня картинки как только они понимают что не поместятся переходят на новую строку, мне нужно как-то сделать так чтобы картинки выходили за границу и были построены в ряд, их конечно не будет видно т.к будет css правило overflow: hidden. 0

	25.12.2014, 22:26

Отключить перенос элементов на новую строку

Решение