Pq o width da li não pega no FF??

[Demaso 0]

E aí galera, tudo bem??

 

O Firefox não está obedecendo a width da minha li... Já no IE aparece... Estou usando o termo de forma incorreta?? Como fazer?? Espero que alguém me ajude!!

 

Um abraço!!

 

CSS:

 

HTML:

 

FF:

 

IE:

[Demaso 0]

Não entendi??

Porque display:inline???

você experimentou tirar essa propriedade dos <li>??

Coloquei isso pros dois li ficarem um do lado do outro... Se eu tirar essa propriedade, eles ficariam um em baixo do outro... Errei??

 

Ahhhhh, outra coisa.. não sei não esta tua estrutura ali...

<ul><li></li><li></li></ul>

Seria mais correto criar um span para o "label" e manter os dados dentro do li mesmo desta tua listagem!

 

Faça assim:

<ul><li><span class="label"> ... </span> ... </li></ul>

[]s

Concordo com você que seria mais correto!! Mas eu testei aqui e ficou a mesma coisa das imagens que eu postei... No IE funciona e no FF não...

 

É como se eu não tivesse especificado o width dos li (ou dos span, usando sua sugestão)...

Eu procurei na net e todos os códigos de li que eu encontro usa esse width da forma que estou usando mas só o meu que não funciona...

 

Tá muito estranho... Alguém sabe o que pode ser??

[Demaso 0]

Alguém?

[micox 2]

Voce não consegue ajustar a largura justamente por causa do display:inline.Tente usar o float:left.

[Demaso 0]

Voce não consegue ajustar a largura justamente por causa do display:inline.

Tente usar o float:left.

Onde exatamente?? Pq usei no li e no ul e em nenhum dos dois funcionou... Ficou até pior...

Abraço...

 

 

#edit:

 

Pra quem quiser ver a página...

HTML: http://lucas.ipci.org.br/si/cli/detalhecli.html

CSS1: http://lucas.ipci.org.br/si/funcoes/estilos.css

CSS2: http://lucas.ipci.org.br/si/funcoes/consultar.css

CSS3: http://lucas.ipci.org.br/si/funcoes/inphecthyuz.css

 

 

Abraços!!

[Demaso 0]

Não sei não se você vai conseguir resolver este teu problema ai com

dois <li> em uma linha.. formando duas colunas.. não sei..

 

Tente usar akela forma do span para o label.. é menos problemas..

ou melhor.. SEM PROBLEMAS, você já teria resolvido este teu problema ai..

 

[]s

Mas eu usei!! E mesmo assim não resolveu!! Olha só no post acima do seu... O link da página que eu coloquei já foi usando os span... http://lucas.ipci.org.br/si/cli/detalhecli.html

 

Abração!

[micox 2]

Vamos por partes então:

1) Sua sintaxe e código xhtml estão péssimos. Vamos corrigir:

<dl id="consult_teste"><dt>NOME:</dt><dd><?echo $dadoscli["usu4_nome"]; ?></dd><dt>BAIRRO:</dt><dd><?echo $dadoscli["usu4_bairro"]; ?></dd></dl>

2) Agora sim voce poderá aplicar seu css melhor.

 

3) Ah, e não vejo problemas em usar tables aí. Pra mim isto são dados tabulares, portanto eu usaria tabelas.

[Adair Junior 0]

Ah, e não vejo problemas em usar tables aí. Pra mim isto são dados tabulares, portanto eu usaria tabelas.

Pior que é verdade.

Às vezes eu também tenho mania de usar CSS pra dados tabulares, virou meio que mania.

[Demaso 0]

Vamos por partes então:

1) Sua sintaxe e código xhtml estão péssimos. Vamos corrigir:

<dl id="consult_teste"><dt>NOME:</dt><dd><?echo $dadoscli["usu4_nome"]; ?></dd><dt>BAIRRO:</dt><dd><?echo $dadoscli["usu4_bairro"]; ?></dd></dl>

2) Agora sim voce poderá aplicar seu css melhor.

3) Ah, e não vejo problemas em usar tables aí. Pra mim isto são dados tabulares, portanto eu usaria tabelas.

Pô micox... Cê é O CARA do CSS!!

Funcionou perfeitamente!!! Não conhecia essas tags aí... Era exatamente o que eu procurava!!

Eu já ia usar tables mesmo... Mas é que eu precisava conhecer essas tags para usar em outra coisa aqui no site... Vai encaixar como uma luva...

 

 

Bom... Mas uma última dúvida:

No FF quando o conteúdo da dl é muito grande, ele está pulando pro início da linha (embaixo do dt)... Eu queria que ele fizesse igual o IE tá fazendo:

 

FF:

 

IE:

 

Como proceder???

Abração!!

[Demaso 0]

dt { float:left }

Mas já está!! Pro dd ficar do lado do dt eu já tinha colocado isso...

[micox 2]

Não cheguei a testar, mas tente colocar um margin no elemento onde está escrito "teste teste teste teste". Este margin deve ser igual à largura do elemento que tem "OBSERVAÇÕES".Lembrando que não testei.Se não der certo, ainda tenho outra carta (secreta) na manga.

[Demaso 0]

Pô micox!! Só tenho que repetir: cê é O CARA do CSS!!

 

Funcionou beleza!! Só tive que corrigir o width para o FF, mas isso é mole!!

 

Mas fala aí... Qual seria essa carta secreta?? Enriqueça nosso saber!!!

 

 

Abração cara!! E mais uma vez, OBRIGADO!!

[micox 2]

cê é O CARA do CSS!!

hahehae. queisso cara, sou iniciante.

Qual seria essa carta secreta?? Enriqueça nosso saber!!!

Pesquisei na net e não é tão secreta assim não (pelo menos em inglês tem algumas matérias já)É sobre o display table.Anoite postarei um tuto no meu blog sobre o assunto.

[Demaso 0]

Beleza!! Verei lá!!Sou blog já tá nos Favoritos faz tempo!!

[micox 2]

você não usa agregador de notícias não? (o já tão falado RSS?)

 

Se nao sabe do q se trata leia aqui: http://brunotorres.net/assinar/

 

Valeus.