Foros del Web » Creando para Internet » HTML »

Problema con capas y botones de formulario

Estas en el tema de Problema con capas y botones de formulario en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/10/2009, 07:28
Avatar de Joystickoso  
Fecha de Ingreso: enero-2009
Mensajes: 127
Antigüedad: 15 años, 2 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!!!
  #2 (permalink)  
Antiguo 18/10/2009, 14:15
Avatar de Joystickoso  
Fecha de Ingreso: enero-2009
Mensajes: 127
Antigüedad: 15 años, 2 meses
Puntos: 3
De acuerdo Respuesta: Problema con capas y botones de formulario. Solucionado!!

Al fin!!!
Prueba superada!!
El codigo html de las ventanas emergentes de los plugins advlink (link.htm) y advimage (image.htm) son formularios que terminan en el codigo que puse:
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> 
Pues la cosa ha sido tan tonta como poner los botones entre el tag <fieldset></fieldset> tal cual como están el resto de inputs y de selects de dichas páginas.
La cosa quedaría asi:
Código HTML:
<div class="mceActionPanel">
<fieldset> 
<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>
</fieldset>
</div>
</form> 
Y no me digas por qué, pero ahora funciona. Que cosas...
Gracias y Salud'Os!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:41.