Problemas no meu layout
E aí galera, beleza??
Bom, resolvi começar a (tentar) fazer um site em CSS. Só que estou apanhando pra deixar tudo do jeito que quero.
Dêem uma olhada como fica no Firefox: http://www.infortec.com.br/teste/adm_ff.jpg
No IE: http://www.infortec.com.br/teste/adm_ie.jpg
Alguém sabe o que está acontecendo?
estilos.css
/ CSS Geral /* { margin: 0; padding: 0; }body { background:url(http://www.infortec.com.br/si/images/bg01.jpg)) top repeat-x #919A9D; margin:0 auto; text-align:center; }#topo, #formLabel, #formCampo { text-align: left; }#geral { width:770px; margin:auto; padding-top:18px; }#topo { height:155px; background:url(http://www.infortec.com.br/si/images/topo_adm.gif)) top no-repeat; padding-top:18px; }html>body #formLabel, html>body #formCampo { width: 130px; }#corpo { width:770px; background:url(http://www.infortec.com.br/si/images/bg_tabela.gif)) repeat-y; }#formLabel, #formCampo { float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; }#formLabel { width:220px; padding-left:60px; }#formCampo { width:450px; }#formLabel li, #formCampo li { line-height:26px; }
adm.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>SINTERATIVO - CADASTRAR CLIENTE</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href='../funcoes/estilos.css' rel="stylesheet" type="text/css"></head><body><div id="geral"> <div id="topo"> <div align="center"><img src="http://www.infortec.com.br/si/images/tit_cadcli.gif" width="384" height="119" alt="Cadastrar Cliente"></div> </div> <div id="corpo"> <div id="formLabel"> <li>NOME:</li> <li>ENDEREÇO:</li> <li>BAIRRO:</li> <li>CIDADE:</li> <li>ESTADO:</li> <li>CEP:</li> <li>TELEFONE:</li> <li>E-MAILS:</li> <li>USUÁRIO:</li> <li>SENHA:</li> <li>VLR. ADESÃO:</li> <li>MENSALIDADE:</i> <li>DATA ADESÃO:</li> <li>OBSERVAÇÕES:</li> </div> <div id="formCampo"> <li><input name="nome" type="text" id="nome" size="70" maxlength="100"></li> <li><input name="endereco" id="endereco" type="text" size="50" maxlength="50"></li> <li><input name="bairro" id="bairro" type="text" size="30"></li> <li><input name="cidade" id="cidade" type="text" size="30"></li> <li><select name="estado" id="estado"> <option selected>MG</option> </select></li> <li><input name="cep" id="cep" type="text" size="15"></li> </div> </div></div></body></html>
Se alguém puder me ajudar eu agradeço demais da conta!!
Abração galera!! Brigadão!!
PS1: Como faço pra tirar aquelas "bolinhas" que fica em cada <li>?
PS2: Só a <div id="formLabel"> que conseguiu aplicar o line-height:26px;. Como fazer pra que a <div id="formCampo"> também aplique esse comando? O estranho é que se eu tirar os <input...> ela aplica, só com os <input...> que dá problema. O que pode ser?Discussão (15)
Carregando comentários...