Problema no IE

[Kadu! DG 0]

to com um problema no ie, o menu ficou todo deslocado!

 

no opera e no firefox funcionou bem...mas no ie ferrou tudo?

 

o que eu posso fazer?

 

link: http://www.kdsg.net/index.php

[webflex 0]

Olá,

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Talvez porque para criar um menu você deveria de usar as tags próprias para tal função tipo <ul> e <li>.

 

Cumps \o/

[Kadu! DG 0]

Olá,

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Talvez porque para criar um menu você deveria de usar as tags próprias para tal função tipo <ul> e <li>.

 

Cumps \o/

assim, agora você me complicou, não manjo mto de css!

poderia me explicar melhor?

 

eu fiz toda a barra de navegação com base em uma que tem no site do Maujor, e não sei alterar para aplicar desse jeito que você falou...

 

meu css é esse:

@charset "utf-8";/* K! Design - Criado por Kadu */BODY {	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;	background-image:url(../imagens/site/bgs/bg.gif);	}div#corpo {background-color:#FFFFFF;width: 775px;padding-top: 5px;padding-bottom: 5px;padding-right: 5px;}div#logo {  width: 240px;  height: 90px;  display: block;  text-indent: -99999px;  background: url(../imagens/site/logo.jpg) no-repeat right top transparent;  background-color: #FFFFFF;  padding-left: 5px;}div#logo_cinza {  width: 780px;  height: 65px;  display: block;  text-indent: -99999px;  background: url(../imagens/site/logo_cinza.jpg) no-repeat right top transparent;  margin:0 0 0 0px;	}div#menu {width: 780px;height:30px;background-color:#000000;background-image: url(../imagens/site/bgs/bg_horizontal.jpg);font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #C3B59B;}p.barNav {	position: absolute;	margin-top:0px;	top: 104px;	} 	  .barNav a {  font: 14px Arial, Verdana,Helvetica,sans-serif;  color: #C3B59B;  text-decoration: none;  text-align:left;  padding: 1px 10px;  font-weight:bold;	 }  .barNav a:hover {  color: #000000;  background: #C3B59B;		}  .barNav a span {   display:none;  border-bottom: 2px solid #000000;	}  .barNav a:hover span {  display: block;  position: absolute;   top:21px;   width: 773px;  padding-left: 7px;  padding-top: 5px;  color: #000000;   font-size: 12px;   text-align: left;  background-color:#ffffff;  background-image:url(../imagens/site/bgs/bg_span.jpg);  height:20px;	}div#conteudo {width:774px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;background-color: #ffffff;padding-left: 2px;padding-right: 2px;margin: 0 0 0 0px;}.conteudo_data {margin: 0 0 0 0px;padding-top: 0px;padding-left: 2px;padding-right: 2px;font: 13px Arial;font-style:italic;}.conteudo_data_negrito {font: bold 13px Arial;}.conteudo_data_negrito_italico {font: italic 13px Arial;}

[webflex 0]

Olá,O problema está no seu HTML :o. Já ouviu falar em semântica? Invés de utilizar <div>e <table> usaria <ul> e <li>.Seu código está assim:

<div id="menu" align="left"><p class="barNav" align="left"> <a href="#" >Inicial<span>Seja bem-vindo ao meu portfólio.</span></a><a href="#">Contato<span>Entre em contato para tirar dúvidas, fazer orçamentos, etc...</span></a><a href="#">Quem sou eu?<span>Saiba mais sobre quem é o Caio Eduardo, Kadu.</span></a><a href="#">Formação<span>Toda a minha formação pode ser encontrada neste link.</span></a><a href="#">Rede de Trabalho<span>Parcerias para que o serviço sempre tenha a melhor qualidade.</span></a><a href="#">Blog<span>Opiniões, tutoriais, vídeos. Muita diversidade no meu blog.</span></a> </p></div>

E deveria de estar assim:

<ul><li>bla bla bla</li><li>bla bla</li><li>teste teste</li></ul>

Cumps \o/

[Kadu! DG 0]

consegui solucionar o problema, coloca o parâmetro LEFT na parte do tooltipe...