1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.
  2. Informação: A partir das 9:00 (8:00 nos Açores) deste Sábado, 15 de Dezembro, haverá um breve período de inacessibilidade ao fórum e restantes sites da ZWAME (Comparador, Jogos, Portal, etc).
    Se necessário faremos actualizações via Twitter e Facebook.
    Remover anúncio

Formulário Jquery de Slide Responsivo

Discussão em 'Web Development' iniciada por Majin Vegeta, 1 de Outubro de 2012. (Respostas: 6; Visualizações: 1511)

  1. Majin Vegeta

    Majin Vegeta Power Member

    Boa tarde,
    peguei no código deste formulário e adaptei-o para um website. Até aqui tudo bem. O problema surgiu quando tive de o tornar responsivo para que ficasse bem em tablets, smartphones, etc.

    Já experimentei adaptar o comprimento dos elementos em pixeis e em %, e a verdade é que continuo com problemas quando tento ver o formulario num tablet ou smartphone em posição landscape. Ao fazer o sliding nos vários separadores fica todo desorganizado e fora de sítio. Ironicamente em posição portrait tudo está bem o que é muito estranho visto que programei da mesma maneira.

    Alguém sabe o que me poderá estar a causar este problema?

    Cumprimentos
     
  2. DjPatinhazz

    DjPatinhazz Power Member

    ja viste se o grid 960 ajuda?
     
  3. esaramago123

    esaramago123 Power Member

    Sem ver o código é difícil. Mas, se usaste um plugin, o problema poderá ser por te estar a dar medidas fixas.
     
  4. Majin Vegeta

    Majin Vegeta Power Member

    DjPatinhazz podes-me explicar o que é isso do grid? Não conheço :S
    Esqueci-me do código do link do formulário em que me baseei lol aqui vai:
    http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/

    J
    á tentei com medidas fixas e com %'s mas isto não está fácil. O que mais confusão me faz é que neste momento está com medidas fixas e na posição vertical não é um problema já na horizontal...
     
  5. esaramago123

    esaramago123 Power Member

    Pode não estar no CSS, mas está no JS.
    Não sei se te vais safar muito facilmente em tornar isso responsive.
    O melhor seria utilizares o Flexslider e fazeres o formulário manualmente.
     
  6. DjPatinhazz

    DjPatinhazz Power Member

  7. Majin Vegeta

    Majin Vegeta Power Member

    Já consegui resolver, tinha widths em elementos que não precisava de ter e isso é que me estava a estragar tudo. Obrigado a todos pela ajuda ;)
     

Partilhar esta Página