Ir para conteúdo
Fórum Script Brasil
  • 0

Scroll horizontal infinito CSS


Alex0007

Pergunta

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 para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 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 para o comentário
Compartilhar em outros 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 para o comentário
Compartilhar em outros 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 para o comentário
Compartilhar em outros 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 para o comentário
Compartilhar em outros 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...

Editado por JaguA
Link para o comentário
Compartilhar em outros 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 para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...