Fallo en el botón enviar y borrar

urby · #1 (**permalink**) 12/01/2012, 04:56

El botón de enviar no me funciona en algunos navegadores.

IE= aparecen, pero al apretar en ambos no reaccionan, ni envían ni borran
Opera= aparecen, pero al apretar en ambos no reaccionan, ni envían ni borran
FireFoz= no aparecen los botones enviar y borrar
Safari, ( iphone ) = no aparecen los botones enviar y borrar
Safari MAC es donde programo, funciona perfectamente

Eso porque puede ser?

Dejo el código a ver si alguien me puede orientar.

Muchas gracias.

Código HTML:

Ver original<form action="Registro.php" method="post" enctype="multipart/form-data" name="Registro">
 
<FONT COLOR=RED>
<div align="center">
 
DATOS PERSONALES<br><br>
 
<FONT COLOR=#FFFFFF>
Nombre: <input type="text" name="nombre" size="25" maxlength="50">
Edad: <input type="text" name="edad" size="10" maxlength="50"><br><br>
Nacionalidad: <input type="text" name="nacionalidad" size="25" maxlength="50"><br><br>
Telefono: <input type="text" name="telefono" size="25" maxlength="50">
Correo electrónico: <input type="correo electrónico" value="@" name="correo" size="40" maxlength="100"><br><br>
Idiomas: <input type="text" name="idiomas" size="100" maxlength="200">
<br>
<br>
<table width="413" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="413" height="40" class="titulo"></td>
  </tr>
<br><br><br>
  <tr>
    <td class="text">Por favor seleccione el archivo a subir:</td></td>
  </tr>
  <tr>
  <form action="Registro.php" method="post" enctype="multipart/form-data">
    <td class="text">
      <input name="archivo1" type="file" class="casilla" id="archivo1" size="35" />
      <input name="archivo2" type="file" class="casilla" id="archivo2" size="35" />
      <input name="archivo3" type="file" class="casilla" id="archivo3" size="35" />
      <input name="archivo4" type="file" class="casilla" id="archivo4" size="35" />
      <input name="archivo5" type="file" class="casilla" id="archivo5" size="35" />
 
      <input name="action" type="hidden" value="upload" />    </td>
    </form>
  </tr>
  <tr>
    <td class="text" style="color:#990000"><?php echo $status; ?></td>
  </tr>
  <tr>
 
<tr>
<br>
</table>
<br>
<br>
<br>
<FONT SIZE=6 FONT COLOR=red>
<div align="center">
ESCRIBA EL TEXTO QUE DESEA QUE <br> SE MUESTRE EN SU ANUNCIO<br>
<br>
<textarea cols="100" rows="10" name="asunto">Escriba aquí...</textarea>
<br><br><br>
<br>
</table>
<br>
Ten paciencia, el proceso tarda unos minutos.
<br>
<br><table width="50%" border="0" align="center" cellpadding="10" cellspacing="0">
<tr>
<br>
<td><div align="center">
<button type="submit">Enviar</button>
 </div></td>
<td><div align="center">
<button type="reset">Borrar todo</button>
</div></td>
</tr>
</form>

AitorLopez · #2 (**permalink**) 12/01/2012, 05:30

Hola. Al principio, en la etiqueta font, tienes el valor del atributo color sin comillas, eso lo primero que he visto.

emprear · #3 (**permalink**) 12/01/2012, 06:01

@urby
Tenés una mezcla de aquellas, hay dos forms con un mismo action y un solo submit, y las etiquetas mal anidadas, mas que corregirlo te sugiero que lo hagas desde cero

Saludos

urby · #4 (**permalink**) 12/01/2012, 06:14

Es el primero que realizo, y me costo muchísimo
buffff solo de pensar que tengo que hacerlo nuevo

Tan mal esta????

emprear · #5 (**permalink**) 12/01/2012, 06:36

Está lo suficientemente mal como para que no te funcione.
Y si lo haces de vueta y aprendes como hacerlo, ya te queda el conocimiento para los próximos., hace, esto (ojo, va abreviado)

Código HTML:

Ver original<form action="....">
<table>
<tr><input....></td>
aqui pones todos los inputs que quieras, textarear, y demas objetos del formulario, con sus respectivas filas y celdas...
 
al final
<input type="reset" ...> <input type="submit" ...>
</table> --> cerras la tabla
</form> --> cerras el form

no pongas font ni nada de estilos, asegurate que funcione, despues le das la estética, preferentemente con css, y por favor todos los atributos que uses, encerrados entre comillas

SAludos

urby · #6 (**permalink**) 12/01/2012, 06:44

Tienes razón, mejor empezar otro así aprendo, jejejejeje

Tardare un buen rato ya que no tengo apenas conocimiento, pero en cuanto termine y lo pruebe comento.

Gracias por ese pequeño esquema.

urby · #7 (**permalink**) 12/01/2012, 07:30

Perfecto, me funciona todo.

La unica pega es que en IE no sale como en los demás, sale todo a un lado y no se ve el formulario completo.
Eso por que puede ser??

Los demás navegadores funcionan perfectamente.

urby · #8 (**permalink**) 12/01/2012, 10:03

Nadie sabe por que puede ser solo me falta solucionar eso y no encuentro el como.

En todos se ve bien excepto en iExplorer

urby · #9 (**permalink**) 12/01/2012, 11:03

Este es el código completo:

Código HTML:

Ver original<form action="Registro.php" method="post" enctype="multipart/form-data" name="Registro">
<div align="center">
<table>
<FONT COLOR="RED">
<div align="center">
DATOS PERSONALES<br><br><br>
<FONT COLOR="#FFFFFF">
Nombre: <input type="text" name="nombre" size="25" maxlength="50">
Edad: <input type="text" name="edad" size="10" maxlength="50"><br><br>
Nacionalidad: <input type="text" name="nacionalidad" size="25" maxlength="50"><br><br>
Telefono: <input type="text" name="telefono" size="25" maxlength="50">
Correo electrónico: <input type="correo electrónico" value="@" name="correo" size="40" maxlength="100"><br><br>
Idiomas: <input type="text" name="idiomas" size="100" maxlength="200">
<br>
<br>
<br>
<br>
<br>
 <FONT SIZE="6" FONT COLOR="red">
<div align="center">
ESCRIBA EL TEXTO QUE DESEA QUE <br> SE MUESTRE EN SU ANUNCIO<br>
<br>
<textarea cols="100" rows="10" name="asunto">Escriba aquí...</textarea>
<br><br><br>
SUGERENCIAS
<br>
<br>
<textarea cols="100" rows="5" name="sugerencias">Escriba aquí sus sugerencias...</textarea>
<br>
<br>
<br><table width="50%" border="0" align="center" cellpadding="10" cellspacing="0">
<br>
 
<align="center" table width="413" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <align="center" td width="413" height="40" class="titulo"></td>
  </tr>
  <tr>
  <FONT SIZE="5" FONT COLOR="#FFFFFF">
<div align="center">
Por favor seleccione los archivos a subir:
<br>
<br>
 
    <td class="text" align="center">
      <input name="archivo1" type="file" class="casilla" id="archivo1" size="35" />
      <input name="archivo2" type="file" class="casilla" id="archivo2" size="35" />
      <input name="archivo3" type="file" class="casilla" id="archivo3" size="35" />
      <input name="archivo4" type="file" class="casilla" id="archivo4" size="35" />
      <input name="archivo5" type="file" class="casilla" id="archivo5" size="35" />
 
      <input name="action" type="hidden" value="upload" />   
<br>
<br>  
<br>
<br>
<div align="center">
 
<button type="submit">Enviar</button>
 
<button type="reset">Borrar todo</button>
<br><br><br>
<FONT SIZE="4" FONT COLOR="#FFFFFF">
Ten paciencia, el proceso de envio tarda unos minutos.
<br><br><br><br>
</table>
</form>

El código <div align="center"> que esta al principio lo puse para ver si lo centraba en ie, lo centro pero sigue si verse bien.

emprear · #10 (**permalink**) 12/01/2012, 11:37

@urby :
No te ofendas pero estás haciendo cualquier cosa, no es de extrañar que un navegador con pocas pulgs como IE, enloquezca

No voy a corregirte ese código, pero te doy algunas pistas...
Vas a maquetar con tablas?, pues bien maquetemos con tablas, pero al menos hacela como corresponde, los elementos básicos de una tabla son

<table>
<tr><td></td></tr>
</table

se habre una tabla y se insertan filas.... y dentro de estas celdas.
Es en las celdas en dónde se escribe el contenido de la tabla, en consecuencia
todo esto (y bastante más, más abajo)

Código HTML:

Ver original<table>
<FONT COLOR="RED">
<div align="center">
DATOS PERSONALES<br><br><br>
<FONT COLOR="#FFFFFF">
Nombre: <input type="text" name="nombre" size="25" maxlength="50">
Edad: <input type="text" name="edad" size="10" maxlength="50"><br><br>
Nacionalidad: <input type="text" name="nacionalidad" size="25" maxlength="50"><br><br>
Telefono: <input type="text" name="telefono" size="25" maxlength="50">

Está pésimo, iniciaste la tabla... y las filas <tr>.... y las celdas<td>?
mi ejemplo

Código HTML:

Ver original<form action="....">
<table>
<tr><input....></td>
aqui pones todos los inputs que quieras, textarear, y demas objetos del formulario, con sus respectivas filas y celdas...
 
al final
<input type="reset" ...> <input type="submit" ...>
</table> --> cerras la tabla
</form> --> cerras el form

era muy elemental, y como te dije estaba simplficado, pero creo que era "entendible"

esto otro, por ejemplo, que se supone que significa

Código HTML:

Ver original<align="center" table width="413" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <align="center" td width="413" height="40" class="titulo"></td>

Todos esos divs que estas poniendo no se justifican.
Creo que si te tomas algo de tiempo en leer lo vas a solucionar.
Y no sigo enumerando

http://es.html.net/tutorials/html/lesson10.php

http://www.webestilo.com/html/cap5a.phtml

saludos

urby · #11 (**permalink**) 12/01/2012, 13:38

Hola, he estado mirando las webs que me pusiste, mas o menos lo entiendo todo, pero para que el formulario se vea en ie se necesita hacer con tablas???

Eso es lo que me pierde.

urby · #12 (**permalink**) 12/01/2012, 13:50

Ya esta, quite todos los atributos referentes a las tablas.

<table>
<tr><td></td></tr>
</table

Y ya funciona perfectamente en todos los navegadores.

Igualmente muchísimas gracias ya que me hiciste pensar y me diste esos enlaces en los cuales he aprendido a realizar tablas.

La pregunta que realice antes fue ya que no me gustaba el aspecto que dejaba la tabla al formulario y no lo entendía el porque ese aspecto visual.

La verdad que en este foro estoy aprendiendo mucho gracias a todos vosotros.