div's na mesma linha...

[miranda121]

Boa tarde senhores.

è o seguinte estou a tentar meter div's alinhadas numa so lina que continua-se quando o ecra acaba e continua-se com o scroll claro na horizontal...

Ja experimentei o float: left mas quando chega ao fim do ecra e nao cabe mais ele muda para baixo queria que continua-se sempre.

Podiam ajudar?

[HappyHippyHippo]

usa o parametro overflow

ve aqui os exemplos deste link :

http://css-tricks.com/the-css-overflow-property/

[miranda121]

problema nao é esse.. o scroll eu sei meter..

eu tenho é uma serie de caixas e quero mete-las na mesma linha

	.col1{
			float:left;
			width:220px;
			height:220px;
			margin: 2px 2px;
			background:#555656;
		}

<section class="col1"></section><section class="col1"></section><section class="col1"></section><section class="col1"></section>
	<section class="col1"></section><section class="col1"></section><section class="col1"></section><section class="col1"></section>
	<section class="col1"></section><section class="col1"></section><section class="col1"></section><section class="col1"></section>

[HappyHippyHippo]

experimenta assim :

.col1{
    display: inline-block;
    width:220px;
    height:220px;
    margin: 2px 2px;
    background:#555656;
}

PS : já agora adicionar o overflow:scroll ou overflow:hidden para ficar com os blocos bem ordenadinhos ..

[miranda121]

nao da assim :S....

[miranda121]

http://i1053.photobucket.com/albums/s461/miranda1211/SemTtulo.png

eu quero fazer isto se reparares os quadrados continuam depois de acabar o ecra... e depois o scrool que nao o desenhei ira aparecer em baixo... e nao estou a conseguir

[HappyHippyHippo]

usa o parametro overflow

ve aqui os exemplos deste link :

http://css-tricks.com/the-css-overflow-property/

[miranda121]

Eu nao estou é a conseguir mete-los todos seguidos nao é o scroll... eu ja meti la overflow etc etc e nada.... eu quero é que os quadrados conitnuem mesmo quando acaba o ecra.... como na imagem que te enviei

[joanalemos]

Utiliza o que o HappyHippyHippo

mete o

display: inline-block;

na css