Espaço estranho

[Rodrigo Patricio 3]

Olá pessoal, tudo certo com você? Bom... Não sou muito experiente com css e esses novos padrões, ai me apareceu um site e eu estou tentando fazer ele seguindo os padrões, mas no firefox me apareceu um problema. Está com um espaço estranho entre o Logo do site e o menu de links, mas no ie 7 roda normal (num sei no 6 ainda).

 

Segue o link:

Site:http://rodrigopatricio.com/jr_consultoria/

CSS:http://rodrigopatricio.com/jr_consultoria/estilo2.css

 

Tô tentando resolver isso a tempos e num tô conseguindo e o pior é que não faço a minima idéia de pq isso tá acontecendo...

 

Flw pessoal! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Rodrigo Patricio 3]

Acabei de instalar o Opera aqui e descobri que também tem esse espaço nele http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

Ô sacanagem... eheheh

[RTaveira 0]

Tenta criar o documento para o Firefox e use hacks no IE.

[cassiano óliver 1]

no seu código fonte, altere:

<div id="logo"><!-- inicio do logo -->	   		<img src="img_padrao/topo.jpg" alt="JR Conultoria" width="750" height="100"/></div>

por

<div id="logo"><img src="img_padrao/topo.jpg" alt="JR Conultoria" width="750" height="100"/></div>

Deixe na mesma linha...

 

espero ter ajudado!

vlw

[Rodrigo Patricio 3]

Vlw cassiano óliver, mas infelizmente não deu certo...

 

Tenta criar o documento para o Firefox e use hacks no IE.

Como assim hacks? Sou meio leigo nisso ainda, ehehe

[cassiano óliver 1]

Faz o seguinte, vai "recortando" alguns trechos do CSS e vai atualizando a página dexando só o topo e o menu, pra ver se você encontra o erro, eu quando não consigo achar, faço isso!aí se não conseguir resolver, posta aqui de novo!

[Rodrigo Patricio 3]

Faz o seguinte, vai "recortando" alguns trechos do CSS e vai atualizando a página dexando só o topo e o menu, pra ver se você encontra o erro, eu quando não consigo achar, faço isso!aí se não conseguir resolver, posta aqui de novo!

beleza, vou tentar.Flw! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[RTaveira 0]

O IE7 e os Hacks CSS - Maujor

[Rodrigo Patricio 3]

O IE7 e os Hacks CSS - Maujor

Ahh tá.. Vlw, vou dar uma lida depois que tentar o q o cassiano óliver falou.. hehe, vlw!

[Rodrigo Patricio 3]

Pessoal, fiz o que o cassiano óliver falou e descobri que o problema tá na lista de links... Tirando ela exibe tudo normal nos navegadores, e num é no css naum, é no html mesmo...

 

E agora.. Como eu faço uma lista de links que nem essa de outro jeito?

[Rodrigo Patricio 3]

Consegui!! :lol: :lol: :lol:

 

Depois de descobri que o problema estava na lista, dei uma pesquisada sobre isso e observei uns scripts prontos, só presisei adicionar isso ao css:

 

div#menu_links ul{list-style-type:none;padding:0;margin:0;}

Tão simples e eu me matando aqui, ahuahuaha

 

Vlw a todos que me ajudaram, brigadão mesmo!

 

Flw! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Xogum 0]

Bom, cara... eu estava com problema também em menu horizontal, o problema era diferente, mas eu segui um tutorial que o gio! me passou e deu certo...

 

http://www.bitfrito.com/gio/menu-horizontal.html

[Rodrigo Patricio 3]

Bom, cara... eu estava com problema também em menu horizontal, o problema era diferente, mas eu segui um tutorial que o gio! me passou e deu certo...

 

http://www.bitfrito.com/gio/menu-horizontal.html

Vlw cara, vou dar uma lida pra aprender a fazer de outra forma também!

 

Flw! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[cassiano óliver 1]

Outra coisa, isso sempre acontece comigo também, no IE fica sobrando um "espacinho" abaixo das imagens, as vezes agente acha que o problema ta no CSS, mas na verdade é no HTML mesmo.

 

eu resolvo assim, coloco a imagem numa linha só no código...

<div><img......./></div>

 

Num sei se é bug, se ta certo ou errado, só sei que funciona!

[cassiano óliver 1]

Aff...

dupliquei sem querer! desculpa... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Giovani 104]

Não tem necessidade de hacks, veja se essas dicas ajudam você:

 

No inicio da css:

*{margin:0; padding:0;}

Isso vai zerar o margin e padding dos elementos.

 

Topo

1) Não vejo a necessidade de criar uma div especialmente para colocar a imagem, você pode colocá-la como fundo da div topo.

2) A ul pode ser do topo, que tal tirar aquela div menu_links?

3) Por que aquele <b> está em cada li? Coloque direto na css.

 

<div id="topo"><!-- inicio do topo -->		<ul>			 <li><b><a href="index.html">Home</a></b></li>			 <li><b><a href="index.html">Quem somos</a></b></li>			 <li><b><a href="index.html">Link 3</a></b></li>			 <li><b><a href="index.html">Link 4</a></b></li>			 <li><b><a href="index.html">Link 5</a></b></li>			 <li><b><a href="index.html">Fale conosco</a></b></li>	  </ul>   </div><!-- fim do topo -->

Conteudo

1) Outra div desnecessária, textoeetc, trablhe com a #conteudo.

2) Na css:

#conteudo img{float: left; margin: 10px 15px;}

Rodape

1) Utilize o <address></address>, fica melhor

[Rodrigo Patricio 3]

Vlw gio!! Vou fazer essas mudanças.

 

Flw! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif