Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Demaso

Problemas no meu layout

Por , em Desenvolvimento frontend

Recommended Posts

Demaso    0

Demaso
Postado

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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Demaso,

 

Primiero de uma olhada no site do maujor.

 

Lá no mesmo site de uma verificada no link de menus, assim você saberá como tirar as "bolinhas"! ;)

 

E tb aproveita e dá uma pesquisada na parte de formulários aqui, no google, no próprio maujor! ;)

 

Abraço! ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

e quase um ano se passou e a galera continua pecando no mais básico... faz uma busca ae rapaz... tem muuuuuuuita coisa, naum soh aki no fórum, como no google e em outros lugares...

 

Dá uma estudada tb... naum adianta nada começar do zero sem ler as referências... essa parte da bolinha eh coisa mais que básica no css... dah uma lida sagás mermo nesse site: http://www.w3schools.com q você resolverá naum só isso, como praticamente tudo http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

É Demaso...você tá pecando em coisa básica mesmo, concordo com tudo q o Bruno falou!!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

E aqui no forum tem um vasto material de leitura para você deliciar-se! ^_^

 

CSS Link Collection

 

Leia sem moderação! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Demaso    0

Demaso
Postado

Foi mal galera... Mas é a primeira página que eu to fazendo...Foi mal quanto as "bolinhas"... Mas alguém sabe o que tá errado quanto a não aparecer o fundo no FF ?? No IE apareceu...Abraços...

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

tranquilo rapaz, naum foi por mal, mas eh pra o pessoal naum se acomodar... ;)busque por faux collumns ou um outro nome que o micox postou ae q eu naum lembro :D eh por causa do seu float... ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Demaso    0

Demaso
Postado

Cara, o que eu encontrei sobre "faux columns" foi exatamente o que eu já tinha usado na página.

 

Consegui tirar as bolinhas (rsss).

 

O problema do fundo acontece somente no FF.

E o problema de line-height acontece somente no IE.

 

FF: http://www.infortec.com.br/teste/adm2_ff.JPG

IE: http://www.infortec.com.br/teste/adm2_ie.jpg

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Consegui tirar as bolinhas (rsss).

Parabéns!!!! É assimq se começa...do basicão!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

busque por faux collumns ou um outro nome que o micox postou ae

Aposentadoria do Faux-columnsQuem sabe ajude!falowww http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Demaso    0

Demaso
Postado

Aê galera!! Até que enfim consegui um progresso!!

 

Rsssss....

 

Dêem uma olhada: http://www.infortec.com.br/si/adm/adm.php

 

Ficou igual tanto pro IE quanto pro FF.

 

 

Fiz um monte de adequação que vi pela net aí pro Fire ficar igual...

 

Saquem só o 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; }

 

#geral { width:770px; margin:auto; padding-top:18px; text-align:left; }

 

#topo {

float:left;

width:770px;

height:155px;

text-align:center;

background:url(http://www.infortec.com.br/si/images/topo_adm.gif) top no-repeat; }

#topo img { margin: 18px 0 0 0; }

 

html>body #formLabel { width:160px; padding-left:76px; }

html>body #formCampo { width:430px; }

 

#corpo {

float:left;

width:770px;

height:450px;

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 { height:26px; list-style-type:none; }

Aquilo em vermelho foi o que tive que fazer pra ficar tudo na mesma posição tanto no IE quanto no FF.

 

 

Estou certo ou já comecei fazendo tudo errado?

 

Aguardo respostas! Abraços!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

Rapáaaaaaaa

 

Que beleza... http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

 

Voce abandonou as tabelas http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

O post inicial do cara: http://forum.imasters.com.br/index.php?showtopic=176017&hl= . Todo em tabelas...

 

E aí damaso, comé que foi? conta pra nóis... Doeu? Foi difícil? Sentiu melhoras? etc...?

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

verdade... apesar q esse macaquim ae eh simpatico pra kct... meu professor da pós o utiliza... moh comédia... =DDDD

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

Ok, ok, senhores.Devido a pedidos estarei alterando assim que nosso sistema voltar ao ar.heheO f*** é eu achar dinovo onde é que tá minha imagem...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Demaso    0

Demaso
Postado

Hahahhahahahaa!! Valeu galera!! Estou aí tentando né...Foi bom mudar!! É sempre bom né... O f*** é que até acostumar a nova forma o prazo do projeto já vai ter estourado...Abração pra vocês!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito