Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/09/2012, 15:09
Avatar de angelsanchezjr
angelsanchezjr
 
Fecha de Ingreso: mayo-2011
Ubicación: Mazatlan
Mensajes: 87
Antigüedad: 13 años
Puntos: 1
No me Funciona el z-index en un plugin de Joomla

Hola, le acabo de instalar un plugin de facebook like a un template que tengo en esta pagina
el problema es que como pueden ver, la pestañita de facebook azul a la izquierda esta detras del menu principal, y si la subo mas ya no se ve pues se esconde detras del bloque donde esta el logo, le cambie los valores al archivo z-index en el archivo css y quedo asi:
Código HTML:
#jslikeboxsidebarleft {
z-index:19999 !important;
    position: fixed;
    margin: 0px;
    padding: 0px;
    left: 0px;
    list-style: none;
	
}

#jslikeboxsidebarright {
    position: fixed;
    margin: 0px;
    padding: 0px;
    right: 0px;
    list-style: none;
	z-index:19999 !important;
}

#jslikeboxsidebarleft {
    width: 40px;
		margin-bottom: 5px;	
z-index:19999 !important;	    
}

#jslikeboxsidebarright {
    width: 40px;
		margin-bottom: 5px;	
z-index:19999 !important;	    
}

.jslikeboxsidebarbuttonright {
margin-left: 8px ;
z-index:19999 !important;
}

.jslikeboxsidebarbuttonleft {
margin-left: -305px;
z-index:19999 !important;
}

#likebox iframe {
margin: -1px -4px 0 -4px;
width: 288px;
z-index:19999 !important;
}

#jslikeboxsidebarleft #likebox-frame-lightr {
   -webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
z-index:19999 !important;
}

#jslikeboxsidebarright #likebox-frame-lightr {
   -webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
z-index:19999 !important;
}

#jslikeboxsidebarleft #likebox-frame-darkr {
   -webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
z-index:19999 !important;
}

#jslikeboxsidebarright #likebox-frame-darkr {
   -webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
z-index:19999 !important;
}

#likebox-frame-lightr {
min-height:119px;
background-color:#f4f4f4;
border:4px solid #cccccc;
position: relative;
z-index:19999 !important;
}

#likebox-frame-lights {
min-height:119px;
background-color:#f4f4f4;
border:4px solid #cccccc;
z-index:19999 !important;
}

#likebox-frame-darkr {
min-height:119px;
background-color:#333333;
border:4px solid #cccccc;
z-index:19999 !important;
}


#likebox-frame-darks {
min-height:119px;
background-color:#333333;
border:4px solid #cccccc;
z-index:19999 !important;
}

#likeboxbluestandardleft {
background: url(../images/bluebutton.png) no-repeat right 20px;
height: 109px;
z-index:19999 !important;
}

#likeboxdarkstandardleft {
background: url(../images/darkbutton.png) no-repeat right 20px;
height: 109px;
z-index:19999 !important;
}

#likeboxblueiconleft {
background: url(../images/bluebutton1.png) no-repeat right 20px;
height: 109px;
z-index:19999 !important;
}

#likeboxdarkiconleft {
background: url(../images/darkbutton1.png) no-repeat right 20px;
height: 109px;
z-index:19999 !important;
}

#likeboxbluearrowleft{
background: url(../images/bluebuttonarrowleft.png) no-repeat right 20px;
height: 109px;
z-index:19999 !important;
}
#likeboxdarkarrowleft {
background: url(../images/darkbuttonarrowleft.png) no-repeat right 20px;
height: 109px;
z-index:19999 !important;
}

#likeboxbluestandardright {
background: url(../images/bluebutton.png) no-repeat left 20px;
height: 109px;
padding-left: 34px !important;
z-index:19999 !important;
}

#likeboxdarkstandardright {
background: url(../images/darkbutton.png) no-repeat left 20px;
height: 109px;
padding-left: 34px !important;
z-index:19999 !important;
}

#likeboxblueiconright {
background: url(../images/bluebutton1.png) no-repeat left 20px;
height: 109px;
padding-left: 34px !important;
z-index:19999 !important;
}

#likeboxdarkiconright {
background: url(../images/darkbutton1.png) no-repeat left 20px;
height: 109px;
padding-left: 34px !important;
z-index:19999 !important;
}

#likeboxbluearrowright{
background: url(../images/bluebuttonarrowright.png) no-repeat left 20px;
height: 109px;
padding-left: 34px !important;
z-index:19999 !important;
}
#likeboxdarkarrowright {
background: url(../images/darkbuttonarrowright.png) no-repeat left 20px;
height: 109px;
padding-left: 34px !important;
z-index:19999 !important;
}

.ssupport a {
position: absolute;
text-indent: -8000px;
z-index:19999 !important;
}
Como pueden ver, en cada bloque de texto le inserte un z-index !important con el valor de 19999, ya que de seguro muchos elementos en mi template tienen el valor de z-index en 9999, pero aunque le pongo el atributo !important , la pestaña sigue escondiendose detras de otros elementos de la pagina,incluso cuando sale la ventana y le das un scroll down se esconde parte de la ventana detras de otros elementos, y si le muevo al archivo css del temptate, pues es un desorden por que son muchos los elementos a los que se les tendria que cambiar el atributo z-index, por eso yo pienso que debe funcionar, por que no lo toma en cuenta????'
Mucas gracias por su ayuda.