Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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)](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)](http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)) no-repeat -5px -34px;
} background:url([http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)](http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)) no-repeat -85px -34px;
} background:url([http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)](http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)) no-repeat -148px -34x;
} background:url([http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)](http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)) no-repeat -220px -34px;
} background:url([http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)](http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)) no-repeat -305px -34px;
} background:url([http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)](http://i676.photobucket.com/albums/vv130/twilightreviewim/menu/menutop-hover.jpg)) no-repeat -445px -34px;
}
</style>
<style></style>
<style type="text/css"> 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">](http://i676.photobucket.com/albums/vv130/twilightreviewim/teste2.jpg)
<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>
---
Tópico Movido:
Outras Linguagens de Programação http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Webstandards: CSS / XML / XHTML / HTML