Jump to content
Fórum Script Brasil
  • 0

Scroll horizontal infinito CSS


Alex0007

Question

Queria saber como se faz para enfileirar várias imagens uma do lado da outra

sem que elas quebrem de linha, e que elas excedam o limite da pagina

mostrando assim a barra de rolagem horizontal

Tem como fazer isto?

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

cria uma div em um tamanho bom para que você aplique tudo la dentro ...

quanto a questão do tamanho da tela é complicado trabalhar desta forma.. até tem como mas não é bacana dependendo o que vai fazer ... por que o seu monitor é de um tmanho e com uma resolução .. a minha é outra e assim por diante...

Link to comment
Share on other sites

  • 0

O que vou fazer é um sistema de upload de imagens, e preciso por a página de upload em um iframe,

aí preciso que as imagens fiquem enfileiradas horizontalmente.

segue a imagem:

http://4.bp.blogspot.com/-vQwvP3AUR4g/T6Vz...C3%25ADtulo.png

por isso que que as imagens não quebre de linha e continuem uma do lado da outra infinitamente na horizontal.

Link to comment
Share on other sites

  • 0

certo dentro da sua iframe onde mostra as imagens deixa uma div com a propriedade de hight limitada no tamanho que acha melhor.. e de width de auto para ir expandindo conforme for nescessario.

Link to comment
Share on other sites

  • 0

<style type="text/css">
#tudo{height:140px; border:1px solid; width:auto;}
</style>

</head>
<body>
<div id="tudo">
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd 
</div>
</body>
</html>

não dá certo JaguA, ele quebra de linha mesmo assim

Link to comment
Share on other sites

  • 0

Olá, so pra atualizar,

Um jeito que achei para fazer o que estou querendo, é por meio de <table>

Uma função while puxa dos dados da database, usando <td> em cada imagem, aí elas nuncam quebram de linha.

Mas ainda aceito sugestoes de como fazer com CSS

Obrigado!

Link to comment
Share on other sites

  • 0

dentro da div tudo ao invez de so jogar a imagem jogue a imagem com outra div pré definindo o tamanho da imagem na div e deixando ela com o float left.

para montar tabless ou seja uma tabela em CSS é preciso criar varias divs..

1 DIV central que corresponde a tabela .. outra div para coluna e outra para linha e assim formando as celulas e tals...

Edited by JaguA
Link to comment
Share on other sites

  • 0

então eu fiz isso

usei uma div primária que contia todo o conteudo e coloquei várias divs com float left,

mas ele quebrava de linha sozinha, então resolvi parar de perder tempo e fazer com table mesmo

Vlw [RESOLVIDO]

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...