Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Kikitten

Problema com menu dropline no firefox

Recommended Posts

Bom por enquanto só vou disponibilizar os codigos, pois o site é de conteudo adulto, se os administradores disserem que não tem problema eu disponibilizo a URL do site.

 

Embora o site em si ainda não tenha conteudo.

 

Site do menu original

 

Não entendo x.x no teste que fiz local isso não acontecia, só fez isso online.

 

Menu

Imagem Postada

 

Erro

Imagem Postada

 

Esse erro acontece quando eu clico em um dos buttons e volta ao normal quando eu dou refresh na página (F5).

 

menu no html:

<!-- Início Navegação -->

<div id="menu">
	<div class="nav">
		<div class="table">
	 
	<!-- Menu Home -->
	<ul class="select"><li><a href="index.php"><b>Home</b></a></li></ul>
	
	<!-- Menu Nosso Portal -->
	<ul class="select"><li><a href="http://www.animesbasket.com/"><b>Nosso Portal</b></a></li></ul>
	
	<!-- Menu Fórum -->
	<ul class="select"><li><a href="http://www.animesbasket.com/forum/" target="_blank"><b>Fórum</b></a></li></ul>
	
	<!-- Menu Principal -->
	<ul class="select">
	
		<li><a href="index.php"><b>Principal</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
			<div class="select_sub show">
			
				<!-- SubMenu Principal -->
				<ul class="sub">
					<li><a href="index.php">Equipe</a></li>
					<li><a href="index.php">Parceria</a></li>
					<li><a href="index.php">Faça Parte!</a></li>
					<li><a href="http://www.orkut.com/Community.aspx?cmm=25375526" target="_blank">Orkut</a></li>
					<li><a href="index.php">FAQ</a></li>
					<li><a href="index.php">Link Quebrado</a></li>
				</ul>
				<!-- Fim do SubMenu Principal -->
				
			</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
	</ul>
	<!-- Fim do Menu Principal -->

	<!-- Menu Multimídia -->
	<ul class="select">
		
		<li><a href="index.php"><b>Multimídia</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
			<div class="select_sub">
				
				<!-- SubMenu Multimídia -->
				<ul class="sub">
					<li><a href="index.php">Animes</a></li>
					<li><a href="index.php">Mangás</a></li>
					<li><a href="index.php">Doujinshis</a></li>
					<li><a href="index.php">Galeria</a></li>
				</ul>
				<!-- Fim do SubMenu Multimídia -->
				
			</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
	</ul>
	<!-- Fim do Menu Multimídia -->

	<!-- Menu Games -->
	<ul class="select"><li><a href="index.php"><b>Games</b></a></li></ul>
  
	<!-- Menu Contato -->
	<ul class="select"><li><a href="index.php"><b>Contato</b></a></li></ul>
	
		</div>
	</div>
</div>

<!-- Fim da Navegação -->

CSS do menu

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* Modificado por Higurashi Kagome [AnimesBasket.com] : 06/12/2007 */
#menu {
	width: 100%;
	background: url(menu/menu_bg3.gif) repeat-x;
	}

.nav {
height:36px;
margin: 0 auto;
background: url(menu_bg3.gif) repeat-x; 
position:relative; 
font-size:15px; 
width:776px; 
z-index:500;
}
	
.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0;
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block;
height:36px; 
width: 106px;
float:left; 
text-decoration:none; 
line-height:36px;
text-align: center;
color: #E396B7;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url(menu_button2.jpg); 
color: #52102C;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0;
list-style:none;
}

.nav .select :hover .select_sub {
display:block; 
position: absolute; 
width:776px; 
top:36px; 
background: url(bg.gif) no-repeat; 
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .select :hover .sub li a {
display:block; 
float:left; 
height: 22px;
line-height: 22px;
background: transparent; 
padding:0; 
margin:0;
text-align: center;
white-space:nowrap; 
border:1px solid; 
border-color: #67052B #D687A9 #D687A9 #67052B; 
color:#52102C;
font-weight: bold;
font-size: 13px;
}

.nav .select :hover .sub li a:hover {
visibility: visible;
background: #E4A2BE; 
border:1px solid; 
border-color: #D687A9 #67052B #67052B #D687A9; 
}

Não vou por o ccs que é só do IE porque o problema é no firefox.

 

Desde já agradeço a atenção.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom problema resolvido o.o de certa forma x_X

Eu sempre mantenho o css no html e só quando acabo de ajeitar tudo ponho ele externo... assim que coloquei o link externo ele resolveu sozinho.... vai entender ?!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.