Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
Tenta criar o documento para o Firefox e use hacks no IE.
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
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
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!
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
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!
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?
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
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...
>
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
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!
Aff...
dupliquei sem querer! desculpa... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
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 -->2) Na css:
#conteudo img{float: left; margin: 10px 15px;}
Rodape1) Utilize o <address></address>, fica melhor
Vlw gio!! Vou fazer essas mudanças.
Flw! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
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