problema menu

[dreadlocks83 0]

está espaçado apenas nessa versão

no firefox e ie7 está ok

 

se alguém quiser dar uma olhada no código

http://dreadlocks83.freetzi.com/

 

não faço a minima ideia mas deve ter alguam gambiara, certo ?

 

se puder colar o codigo aqui, eu colo, abraços

 

#menu ul {
list-style-type: none;
margin: 0; 
padding: 0; 
}
#menu a {
display: block;
text-decoration: none;
voice-family: "\"}\"";  /*Box Model Hack*/
voice-family:inherit;
}
body>#menu a {width:116px;}
#menu a:hover { 
background-color:#FFFF; 
background-image: url(imagens/fundomenu.jpg); 
background-repeat: no-repeat;
}

[brcontainer 16]

vamos começar kkkk

 

bem primeiro isso ta estranho:

<li>
  <a href="forum/index.php"><img src="imagens/formenu.jpg" alt="Fórum" width="46" height="23" border="0" /></a></div>
</li>

tem um DIV ae que não deveria ter

 

segundo evite esses atributos:

align="right"
width=""
height=""
border=""

e defina as TAGs <li>

#menu li {
....
}

pois elas causam esse espaço

 

as imagens são PNG e não funcionam no IE6

 

use CSS para isso ;)

[dreadlocks83 0]

é, essa DIV estava estranha ai, não sei dá onde surgiu, já arrumei

 

não pode usar esses atributos ? pensei que era bom usa-las width height border

mas não sei como tirar ainda e coloca-las em css, vou deixar por último essas mudanças

 

As imagens do menu são JPG

as únicas png são da index , as duas chamadas

mas já alterei pra jpg também

 

valeu pelo toque, não sabia disso

e sobre as tag li, estou testando aqui. vamos ver se dá certo

[dreadlocks83 0]

 

continua o problema fiz vários testes na tag li e nada, deve ser pelo fato de ser meros chutes hehe, se alguém puder dar uma luz

abraços

[William Bruno 1501]

Eu acho melhor zerar todos os elementos e depois ir setando só oque for necessário, com isso, você não precisa fazer as formatações que fez no ul e li.

*{	 /* seletor global */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

Tem uma DIV dentro do UL do menu, que está alinhando o texto desse à esquerda... você poderia ter colocado isso na DIV #menu tb:

#menu {
	position:absolute;
	left:113px;
	top:551px;
	width:116px;
	height:165px;
	z-index:13;
	text-align: right; /* elimina a DIV dentro do ul */
}
#menu a { /* Não vi necessidade do "display:block", qndo tirei ele, rodou certinho no IE6: */
	/*display: block;*/ 
	text-decoration: none;
	voice-family: "\"}\"";  /*Box Model Hack*/
	voice-family:inherit;
}

Bom, acho que é isso... ainda tem alguns elementos que podem ser melhor declarados, mas teste o menu ai.

Para tirar aquelas formatações do meio do html, como as bordas que apareceriam nas imagens dos links dos menus:

#menu img {
	border: 0px;
}

E como o silverfox disse, evite usar height e width, no html... como você está trabalhando com imagens sem redimensioná-las, não há necessidade de declarar o tamanho de cada.

Por fim, deixei o menu assim:

<div id="menu">
<ul>
	<li><a href="index.html"><img src="imagens/homemenu.jpg" alt="Home" /></a></li> 
	<li><a href="tecnicas.html"><img src="imagens/tecmenu.jpg" alt="Técnicas" /></a></li>
	<li><a href="cuidados.html"><img src="imagens/cuimenu.jpg" alt="Cuidados" /></a></li>
	<li><a href="quemsomos.html"><img src="imagens/quemmenu.jpg" alt="Quem Somos" /></a></li>
	<li><a href="fotos.html"><img src="imagens/fotmenu.jpg" alt="Fotos" /></a></li>
	<li><a href="contato.html"><img src="imagens/contmenu.jpg" alt="Contato" /></a></li>
	<li><a href="forum/index.php"><img src="imagens/formenu.jpg" alt="Fórum" /></a></li>
</ul>
</div>

[brcontainer 16]

assim como o tiu uiLL Display:block; você não prescisa

pois está usando imagens ;)

Acaso você use texto(somente texto nos links) ae sim aplique Display:block;,

 

falow ;)

[dreadlocks83 0]

obrigado aos dois

deu certo, só fiz uns ajustes, porque depois de alinhado a cruz não aparecia no ie6, ai fiz uns testes e acabou dando tudo ok.

obrigado, agora é só repassar as outras páginas