Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/04/2009, 12:14
ceroarge
 
Fecha de Ingreso: abril-2009
Mensajes: 4
Antigüedad: 15 años, 7 meses
Puntos: 0
Ayuda con Hover

Hola a Todos, es la Primera Vez que Participo del Foro aunque muy a menudo suelo Frecuentarlo.
El motivo de mi primer consulta es el siguiente:
Estoy trabajando en un proyecto de Blog (solamentefolklore.blogspot) y elegí una Plantilla que tiene un lindo diseño, pero me encontré con un problema que me resulta difícil solucionar.
En la Parte Superior derecha hay una botonera con 3 vínculos los cuales tienen la función "hover" pero resulta que el vínculo 1 no realiza la función, en cambio el 2 y 3 si.
Aquí les dejo la parte del código a ver si me ayudan a encontrar la Solución.
Desde ya Un Abrazo y Gracias por el Tiempo para Ayudarme.


Cita:
/*TOPLINKS HOME RSS CONTACT */

.toplinks{
float:right;
width:355px;
height:111px;
}

.toplinks a{
display:block;
float:left;
width:110px;
height:90px;
background:transparent urll(****.jpg) no-repeat 0 0;
line-height:100px;
overflow:hidden;
text-align:center;
font-size:13px;
font-variant:small-caps;
color:#fcd793;
position:relative;
}
.toplinks a:hover{
color:#FFFFFF;
text-decoration:none;
}

.toplinks a.topnav_home:hover{
background:transparent urll(****.jpg);
position:relative;
z-index:2;
}

.toplinks a.topnav_rss{
margin-left:-10px;
background-position:-100px top;
text-indent:10px;
width:105px;
z-index:2px;
}
.toplinks a.topnav_rss:hover{
background:transparent urll(****.jpg) no-repeat -100px top;
z-index:2px;
width:105px;
z-index:100;
}

.toplinks a.topnav_contact{
width:105px;
line-height:110px;
background-position:-190px top;
margin-left:-15px;
z-index:0;
}

.toplinks a.topnav_contact:hover{
background:transparent urll(****.jpg) no-repeat -190px top;
z-index:1px;
width:105px;
margin-left:-15px;
}