Autor Tema: Botones en HTML button en formulario cómo darle formato Ejercicio CU00724B  (Leído 6440 veces)

Deus Duet

  • Sin experiencia
  • *
  • Mensajes: 4
  • Me gusta conocer... ¡¿Qué va?!
    • Ver Perfil
¡Hola amigos!

Cómo quizá sé den cuenta soy nuevo en los foros jeje, eso de que apenas me surgió una duda de ejercicio, y además quería pasar a decir que me gusta mucho éste sitio, ¡es muy bueno! (y). Cómo sea... Directo al grano :D

Lo que pasa es que estoy haciendo el ejercicio CU00724B del curso de HTML :https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=539:formularios-html-botones-envio-submit-restablecimiento-reset-imagen-y-contenido-button-cu00724b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192

Y me sale todo casi >_< perfecto, con excepción de que el último boton sale cómo montado en la imagen y más abajo  :-\

No sé porque pasa, espero que alguien me pueda ayudar jeje. Aquí dejo lo que hice:

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><meta charset="utf-8">
   <head>
      <title>
     Tarea de botones
  </title>
   </head>
   <body>
      <h1>
     Inscripción al concurso Saber y Ganar
  </h1>
  <form action="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=539:formularios-html-botones-envio-submit-restablecimiento-reset-imagen-y-contenido-button-cu00724b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192" method="get" target="blank">
     Nombre:<input type="text" name="nombre"><br><br>
apellidos:<input type="text" name="apelli"><br><br>
E-mail:<input type="text" name="correo"><br><br>
Teléfono:<input type="text" name="telefono"><br><br>
<input type="submit" value="¡Me apunto!"> <input type="reset" value="Cancelar D:"><br><br>
  </form>
  <h1>
     Petición de información
  </h1>
  <form action="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=539:formularios-html-botones-envio-submit-restablecimiento-reset-imagen-y-contenido-button-cu00724b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192" target="blank" method="get">
     Nombre:<input type="text" name="nombre"><br><br>
país:<input type="text" name="país"><br><br>
E-mail:<input type="text" name="correo"><br><br>
Consulta que se desea relizar:<br><textarea name="consultaDeseada" rows="3" cols="50"></textarea><br><br>
<input name="bot1" title="Enviar!" type="image" src="http://www.solucionesim.net/blog/wp-content/uploads/2011/09/emails-300x300.jpg" style="height:50px;">
<button type="reset">Si precionas éste boton<br><br>Toda información capturada será eliminada</button>
  </form>
   </body>
</html>

También les dejo una captura de lo que me pasa :D



Sé que el error no es muy grande, pero igual se vé feo Dx

De ante mano muchas gracias a todos n_n ¡Buen día!
« Última modificación: 17 de Junio 2015, 13:20 por Ogramar »

DRANXZ88

  • Avanzado
  • ****
  • Mensajes: 356
    • Ver Perfil
Re:Ejercisio de la entrega 24 del Tutorial básico del programador web
« Respuesta #1 en: 12 de Junio 2015, 15:05 »
Hola eso se puede solucionar con css que todavía no diste pero va a ver eso cuando termine el curso de html y si seguí el curso de css el ejercicios esta bien. Te voy a dar como es la solución con css para ver nomas pero no te preocupe todavía con eso cuando estudie css se te va a aclarar todo.
Código: [Seleccionar]
<button type="reset" style="position:absolute;">Si precionas éste boton<br><br>Toda información capturada será eliminada</button>El código css que le puse es este  style="position:absolute;".

Deus Duet

  • Sin experiencia
  • *
  • Mensajes: 4
  • Me gusta conocer... ¡¿Qué va?!
    • Ver Perfil
Re:Ejercisio de la entrega 24 del Tutorial básico del programador web
« Respuesta #2 en: 15 de Junio 2015, 21:45 »
¡Hola dranxz88!
¡Muchas gracias!, ahora lo puedo ver :D

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".