Bueno gente seguí un comentario de este foro que mostraba un menu en CSS con efecto rollover sin serlo, es decir que nunca se reemplaza la imagen, simplemente por medio de coordenadas se alinea el hover.. etc.
El problema es que a la hora de agregarlo a la navbar de mi foro se ve así :
creo que ahí que agregar un estilo css acerca de las propiedades UL y LI pero no sea cual sea y tampoco estoy seguro de que sea eso..
Yo en mi for lo agregué así :
Plantilla de estilos :
Código HTML:
#foro{left:129px;width:95px;}
#foro{background:url('http://www.imagengratis.org/images/forocss.png') -95px 0;}
#foro a:hover{background: url('http://www.imagengratis.org/images/forocss.png') -95px -93px;}
Y en la plantilla navbar así :
<ul id="navlist">
<li id="foro"><a href="default.asp"></a></li>
</ul>
si me pueden ayudar se los agradecería mucho. Este es el codigo completo de donde lo saque Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:44px;display:block;}
#home{left:0px;width:46px;}
#home{background:url('img_navsprites_hover.gif') 0 0;}
#home a:hover{background: url('img_navsprites_hover.gif') 0 -45px;}
#prev{left:63px;width:43px;}
#prev{background:url('img_navsprites_hover.gif') -47px 0;}
#prev a:hover{background: url('img_navsprites_hover.gif') -47px -45px;}
#next{left:129px;width:43px;}
#next{background:url('img_navsprites_hover.gif') -91px 0;}
#next a:hover{background: url('img_navsprites_hover.gif') -91px -45px;}
</style>
</head>
<body>
<ul id="navlist">
<li id="home"><a href="default.asp"></a></li>
<li id="prev"><a href="css_intro.asp"></a></li>
<li id="next"><a href="css_syntax.asp"></a></li>
</ul>
</body>
</html>
Desde ya, muchas gracias por su ayuda (: