Jump to content
Fórum Script Brasil
  • 0
Sign in to follow this  
Alex0007

Scroll horizontal infinito CSS

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?

Share this post


Link to post
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...

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
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

Share this post


Link to post
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!

Share this post


Link to post
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

Share this post


Link to post
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]

Share this post


Link to post
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.

Sign in to follow this  



  • Forum Statistics

    • Total Topics
      148386
    • Total Posts
      643773
×
×
  • Create New...