Ir para conteúdo

POWERED BY:

Arquivado

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

Yukina

Problema com rollover

Por , em Desenvolvimento frontend

Recommended Posts

Yukina    0

Yukina
Postado

Alguém pode me ajudar? estou tendo um problema com um dos links do rollover! sempre o 3º link da lista fica com um problema na troca da imagem, mas os outros links estao todos normais e nao consigo descobrir o problema. >> http://twilightreview.awardspace.com/teste.htm aqui está o site pra vcs verem qual o problema, é no link "série"!

 

Aqui abaixo segue o codigo da página:

 

<html>
<head>

<style type="text/css">
	#menu{ position:relative; 
width:577px; 
height:33px; 
background:url(http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menu-top.jpg) no-repeat 0 0;
}
	#menu ul{ list-style:none; 
text-indent:-9999em;
}
	#menu li{
	  position:absolute;
	  top:0;
	  height:33px;
	  border: none;
	  border:0px solid;}
	#menu li a{
	  display:block;
	  text-decoration:none;
	  width:100%;
	  height:100%;
	  top:0;
	}
	#um{ width:70px; left:5px; }
	#dois{ width:50px; left:85px; }
	#tres{ width:64px; left:148px; }
	#quatro{ width:73px; left:220px; }
	#cinco{ width:129px; left:305px; }
	#seis{ width:125px; left:445px; }

#um a:hover{
  background:url(http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg) no-repeat -5px -34px;
}
#dois a:hover{
  background:url(http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg) no-repeat -85px -34px;
}
#tres a:hover{
  background:url(http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg) no-repeat -148px -34x;
}
#quatro a:hover{
  background:url(http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg) no-repeat -220px -34px;
}
#cinco a:hover{
  background:url(http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg) no-repeat -305px -34px;
}
#seis a:hover{
  background:url(http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg) no-repeat -445px -34px;
}
</style>

<style> 
body { overflow-x:hidden; } 
</style>

<style type="text/css">
P, body, td, tr, div{
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #c9c7dd;
		text-align: justify;
	font-family: bookman old style;
	line-height: 14px;	   
}
body {scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #3a204f;
scrollbar-track-color: #000000;
cursor: crosshair;
;
}

a:link{color:#3f8b30; text-decoration:none;}
a:visited{color:#3f8b30; text-decoration:none;}
a:active{color:#3f8b30; text-decoration:none;}
a:hover {color: #2c6085; text-decoration: none; cursor: crosshair;}

b{ text-decoration: bold; color: #d51427; cursor: crosshair;}
s{ text-decoration: bold; color: #706b94; cursor: crosshair;}
i{ text-decoration: none;  color: #aeb3d3; cursor: crosshair; }
u{ text-decoration: none; color: #c9c7dd; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9e4153; cursor: crosshair; }
</style>

</head>

<body bgcolor="#000000">

<div class=side style="left: 0px; position: absolute; TOP: 0px; height: 49px; widht: 540;">
<img src="http://i676.photobucket.com/albums/vv130/twilightreviewim/teste2.jpg"></div>


<div class=side style="left: 165px; position: absolute; TOP: 250px; height: 49px; widht: 540;">
<div id="menu">
  <ul>
	<li id="um"><a href="#">Home</a></li>
	<li id="dois"><a href="#">Site</a></li>
	<li id="tres"><a href="#">Série</a></li>
	<li id="quatro"><a href="#">Filme</a></li>
	<li id="cinco"><a href="#">Fansection</a></li>
	<li id="seis"><a href="#">Condominio</a></li>
  </ul>
</div>
</div>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito