[SOLUCIONADO] "CSS" Formulario que no funciona

entomofauna · #1 (**permalink**) 19/09/2013, 16:16

Hola compañeros.
No logro encontrar la razón por la que éste formulario no funciona.
http://www.montsesola.net/2-castellano/contacto.php
El problema es que al hacer "clic" dentro de los campos en blanco, no se fija el cursor y no permite escribir.
Las hojas de estilo más importantes, son:
http://www.montsesola.net/estil/capes.css
http://www.montsesola.net/estil/form.css
http://www.montsesola.net/estil/text.css

El mismo formulario, con el diseño antiguo de la web, funcionaba, y sigue funcionando:
http://www.montsesola.net/2-castellano/contacto-funciona.php
También funciona en mi página web, con el mismo código.
http://www.carlessola.cat/2-castellano/contacto.php

Lo encuentro súper extraño.
Carles.

herzbazi · #2 (**permalink**) 19/09/2013, 16:44

cual es el error que te da?

puedes mostrar el codigo php y html gracias

pzin · #3 (**permalink**) 20/09/2013, 00:36

¿En qué navegador no te funciona? En Chrome funciona perfectamente bien.

entomofauna · #4 (**permalink**) 20/09/2013, 00:44

Hola compañeros, gracias por responder.
Prácticamente es todo HTML, excepto cuatro includes.
No me funciona en Firefox, y en Explorer se ve totalmente desestructurada la web, algo difícil de entender, pues la estructura es idéntica a la web www.carlessola.cat, que se ve biénen todos los navegadores.
Hay algun fallo que no logro ver.
Pongo aquí el código.
------------------------------------------------------------------------------

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/2-castellano_plantilla.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="Titulo" -->
<title>Montse Sol&agrave; - Soprano: Contacto.</title>
<!-- InstanceEndEditable -->
<link href="http://www.montsesola.net/favicon.ico" rel="shortcut icon" />
<!-- ---------------------------------------------------------------------------------------------------- -->
<meta name="Language" content="es" />
<?php include('../includes/meta-tags.php'); ?>
 
<!-- ---------------------------------------------------------------------------------------------------- -->
<?php include('../estil/accions-css.php'); ?>
 
<!-- ---------------------------------------------------------------------------------------------------- -->
<script language="JavaScript" src="../javascript/finestres.js"></script>
<script language="JavaScript" src="../javascript/copyright_cat.js"></script>
<script language="Javascript" src="../javascript/barra.inf_cat.js"></script>
<script language="Javascript" src="../javascript/imatges.substitucio.js"></script>
<!-- ---------------------------------------------------------------------------------------------------- -->
<!-- InstanceBeginEditable name="Cabecera" -->
<!-- ESTILS CSS -->
<!-- InstanceEndEditable -->
</head>
<body>
<a name="Inici" id="Inici"></a>
<div id="capa_00_contenidor">
<div id="capa_01_Capsalera">
<img src="http://www.forosdelweb.com/f53/imatges/fondos/capsalera_0950.jpg" alt="Montse Solà - Soprano" title="Montse Solà - Soprano" width="1000" height="75" class="capsalera" />
</div>
    <div id="capa_02_menu" style="vertical-align:top"> 
    <?php include('menu_es.php'); ?><br />
    </div>
    <div id="capa_05_principal">
<!-- InstanceBeginEditable name="Contenidos" -->
      <div id="capa_07_interior">
      <div id="form-contacte">
 
<!-- AQUÍ COMENÇA EL FORMULARI -->
 
<form name="Formulario de Contacto" id="Formulario de Contacto" action="../FormMail/FormMail.php" method="post">
<fieldset>
<legend>Formulario de Contacto</legend><br />
<p>
<img src="http://www.forosdelweb.com/f53/imatges/ilustracions/contacte.png" alt="Enllaços" width="75" height="78" class="foto-entretext-e" />Management para el  duo de voz y contrabajo </span><a href="http://www.carboconcerts.com/duo-sola-ortega.html" target="_blank">Montse Sol&agrave; i Manel Ortega</a></span><br />
<a href="http://www.carboconcerts.com">http://www.carboconcerts.com</a>.  <img src="http://www.forosdelweb.com/f53/imatges/icones/telefon.gif" alt="Tel" width="18" height="13" /> 00 34 630 066 180  &nbsp;<img src="http://www.forosdelweb.com/f53/imatges/icones/arroba.gif" alt="mail" width="19" height="18" align="absmiddle" /> <a href="mailto:[email protected]">[email protected]</a></span></p>
<img src="http://www.forosdelweb.com/f53/imatges/barres/barra_musica.d.png" alt="Barra nota" width="737" height="30" /><br /> 
<label for="recepcio">Si usted desea contactar conmigo, rellene &eacute;ste formulario y env&iacute;elo.</label>
 
<!-- CAMPS DE CONTROL -->
 
            <!-- e-mail del destinatari. Ha de pertànyer al domini -->
            <!-- Destinatari del Formulari -->
            <input name="recipients" type="hidden" value="[email protected]" />
            <!--<input name="C1" type="hidden" value="[email protected]" />  Destinatari del Formulari -->
            <!-- assumpte del missatge -->
            <input type="hidden" name="subject" value="Consulta des de la Web www.montsesola.net (Castellano)." />
             <!-- Assumpte del Correu -->
            <!-- direcció on apuntarà el formulari un cop enviat sense errors -->
            <input type="hidden" name="good_url" value="http://www.montsesola.net/a.castellano/contacto-ok.php" /><!-- Pàgina de resposta al client -->
            <!-- direcció on apuntarà el formulari un cop enviat amb errors -->
            <input type="hidden" name="bad_url" value="http://www.montsesola.net/a.castellano/contacto-error.php" /><!-- Pàgina de resposta al client -->
            <!-- Camps obligatoris -->
            <input type="hidden" name="required" value="realname:Cal introduïr el nom,email: Cal introduïr el correu" />
          
          
<!-- Camps del formulari -->
    <p>
    <label for="nom">Nombre y apellidos.</label>
        <input name="realname" id="nom" type="text"  size="75" value="" />
        </p>
        <p>
        <label for="mail"><img src="http://www.forosdelweb.com/f53/imatges/icones/arroba.gif" width="19" height="18" align="absmiddle" /> E-mail</label>
        <input name="email" id="email" type="text" size="75" value="" />
        </p>
        <p>
            <label for="telefon"><img src="http://www.forosdelweb.com/f53/imatges/icones/telefon.gif" alt="Tel" width="18" height="13" align="absmiddle" /> Tel&eacute;fono (Opcional)</label>
            <input name="Telèfon" id="Telèfon" type="text" size="75" value="" />
            </p>
        <p>
        <label for="subject">Tema de la consulta.</label> 
        <input name="Tema"  id="Tema" type="text" size="50" value="" />
        <select name="Seleccionar opcio" id="Seleccionar opcio" size="1">
        <option>Consulta personal.</option>
        <option>Sugerencias a contenidos/diseño de la web.</option>
        <option>Otros.</option>
        </select>
        </p>
        <p>
            <label for="Missatge">Escriba aqu&iacute; su mensaje.</label>
            <textarea name="Missatge" id="textarea" cols="100" rows="5" value="" /></textarea></textarea>
        </p> 
        <p>
        <input id="Enviar" type="submit" style="float:right; margin-right:10; margin-left:7; padding: 1pt 7pt 1pt 7pt;" value="Enviar" />
        <input type="reset" id="Borrar" style="float:right; padding:1pt 2pt 1pt 2pt;" value="Borrar" />
        </p>
 
        <label for="Comiat">Muchas gracias.</label>
        </fieldset> 
    </form> 
<!-- AQUÍ ACABA EL FORMULARI -->
</div>
      </div>
      <!-- InstanceEndEditable --></div>
    <div id="capa_04_peu_pagina">
    <?php include('../includes/peu_pagina-2-es.php'); ?>
    </div>
    <div style="clear:both"></div>
</div>
</body>
<!-- InstanceEnd --></html>

pzin · #5 (**permalink**) 20/09/2013, 00:56

¿Si vuelves a activar el click derecho del ratón desaparece el problema? A mi me suena que es un problema de JavaScript. Además saltan como 15 errores en la consola, sólo de JavaScript.

entomofauna · #6 (**permalink**) 20/09/2013, 08:55

Efectivamente PZIN.
Era uno de los códigos javascript.
Concretamente, el copyright_cat.js que tenía una parte del código innecesaria y que era precisamente la parte de código que generaba el problema.
Me gustaría saber qué consola has usado para detectar ese problema.
Tras tu respuesta, creo que ya se podrá cerrar el tema.
Un saludo y muchas gracias.
Carles.

pzin · #7 (**permalink**) 20/09/2013, 11:05

Es una consola que tengo entre las orejas

. Fui a inspeccionar los elementos del formulario con el inspeccionador de elementos y vi que no funcionaba el click derecho.