Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/10/2009, 07:28
Avatar de Joystickoso
Joystickoso
 
Fecha de Ingreso: enero-2009
Mensajes: 127
Antigüedad: 15 años, 3 meses
Puntos: 3
Pregunta Problema con capas y botones de formulario

Hola gente, tengo un pequeño problema con las ventanas emergentes del Tinymce para insertar links, etc. Ya se que es de Javascript pero creo que ese no es problema.
Yoi pensaba que era algo de la configuración pero ahora me he dado cuenta de que con el Internet Explorer si que me funciona bien y creo que tiene que ver con las propiedades de las capas o de los botones.
El tema es que en dicha ventana emergente, no puedo hacer clic en los botones (input) de insertar o de cancelar pero el caso es que si que funcionan porque si me muevo por la ventana con el tabulador, cuando uno de los botones están seleccionados, puedo usarlos pulsando la barra espaciadora.
Entonces mi pregunta sería, que propiedad o estilo o lo que sea de los botones de formulario o de las capas en las que se encuentran, puede hacer que el firefox no me deje hacer clic en dichos botones?
Los botones serían:
Código HTML:
 <div class="mceActionPanel">
			<div style="float: left">
				<input type="submit" id="insert" name="insert" value="{#insert}" />
			</div>

			<div style="float: right">
				<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
			</div>
		</div>
    </form> 
Y el css de esa pagina es:
Código:
.mceLinkList, .mceAnchorList, #targetlist {width:280px;}
.mceActionPanel {margin-top:7px;} /* Este seria del de la capa de los botones*/
.panel_wrapper div.current {height:320px;}
#classlist, #title, #href {width:280px;}
#popupurl, #popupname {width:200px;}
#popupwidth, #popupheight, #popupleft, #popuptop {width:30px;vertical-align:middle;text-align:center;}
#id, #style, #classes, #target, #dir, #hreflang, #lang, #charset, #type, #rel, #rev, #tabindex, #accesskey {width:200px;}
#events_panel input {width:200px;}
Y aqui parte del css general digamos:
Código:
/* Buttons */
#insert, #cancel, input.button, .updateButton {
border:0; margin:0; padding:0;
font-weight:bold;
width:94px; height:26px;
background:url(img/buttons.png) 0 -26px;
cursor:pointer;
padding-bottom:2px;
}

#insert {background:url(img/buttons.png) 0 -52px;}
#cancel {background:url(img/buttons.png) 0 0;}
Ya se que soy un poco cansino pero es que esto me tiene loco.
Gracias y Salud'Os!!!