CSS!!! Ta osso...

cmdmss · 27 de dezembro de 2011

Caros amantes do CSS, bom dia.

Fiz o download de uma configuração em css para um form, fiz a implementação, só que não está dando muito certo! Gostaria de saber se vocês podem me ajudar a identificar o porque, ja mudei vários parametros e não consigo fazer o bendito cujo funcionar!

Como ele deveria ficar:

http://www.vitek.com.br/testes/css/nicejforms.html

E como ele está ficando:

http://www.vitek.com.br/testes/css/errado.html

Vejam como os inputs estão desalinhados, o radio nao funciona e o select nao aparece o que tem nos options. O form do errado.html está feio, mas é so para demonstração.

vocês podem ver no codigo de ambas as paginas que eles não tem nada demais!!! E eu não tenho nem ideia o porque que isso está acontecendo.

Alguem pode me ajudar?

Reparem que eles estão usando os mesmos arquivos css e js!

Obrigado pela atenção...

DiF · 27 de dezembro de 2011

amigo, tente atribuir para os elementos atributo a nivel de bloco

use o display: block para deixar um em cima do outro.

tente criar um container que limite o tamanho do formulario..

cmdmss · 27 de dezembro de 2011

Cara, vou te falar que entendi bulufas do q você me falou... hehehe

mas ja resolvi o problema... fatava isso aqui

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Obrigado ae pela atenção...

Mog.Lucas · 27 de dezembro de 2011

Certeza?

Aqui no IE9 ainda está meio desfigurado..

cmdmss · 27 de dezembro de 2011

Certeza absoluta... mas no link q eu postei ai, não está com a declaração nao!

DiF · 27 de dezembro de 2011

bom.. que eu saiba nao seria só a declaraçao de doctype que arruma... certamente no seu codigo então ja foi declarado os elementos a nivel de bloco. pois nao cheguei a ver ele totalmente..

quando digo a nivel de bloco, me refiro que o elemento fica como bloco, ou seja ocupa a tela toda ou a div toda. e ai força com que fiquem um a baixo do outro.

dai se quiser ficar lado a lado.. so estilizar o tamanho pelo width.