Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/05/2011, 04:39
ivan_sth
 
Fecha de Ingreso: julio-2008
Mensajes: 16
Antigüedad: 15 años, 8 meses
Puntos: 0
Duda tonta que no resuelvo

Hola! tengo una duda que por mucho que busco y busco no consigo resolver.

Me aparece la siguiente linea discontinua que no consigo eliminar:


Aparece siempre que utilizo jquery junto con etiquetas html "LI" o "UL". he probado sustituirlo por "OL" por ejemplo pero nada. Se les ocurre alguna forma de eliminar esto a traves de CSS por ejemplo?


Este es el codigo CSS:

Código:
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(http://dl.dropbox.com/u/28648723/menu-princ/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}

.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}
#kwick5 { 
	background-position:-800px 0px;
}
#kwick6 { 
	background-position:-1000px 0px;
}
#kwick7 { 
	background-position:-1200px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -800px bottom; 
}
#kwick6.active, #kwick6:hover {
	background-position: -1000px bottom; 
}
#kwick7.active, #kwick7:hover {
	background-position: -1200px bottom; 
}

#kwick1 a{
	background-image:url(http://dl.dropbox.com/u/28648723/menu-princ/end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick7 a{
	background-image:url(http://dl.dropbox.com/u/28648723/menu-princ/end.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick7 a:hover{
	background-position: right -120px;
}
y este el HTML:

Código:
<ul class="kwicks"> 
     <li id="kwick1"><a href="#">Inicio</a></li>  
     <li id="kwick2"><a href="#">Contacto</a></li>  
     <li id="kwick3"><a href="#">Datos</a></li>  
     <li id="kwick4"><a href="#">Buscaar</a></li>
     <li id="kwick5"><a href="#">Pedido</a></li>
     <li id="kwick6"><a href="#">Suscribirse</a></li>
     <li id="kwick7"><a href="#">Quienes</a></li>  
 </ul>