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

Deus Duet · « **en:** 12 de Junio 2015, 04:15 »

¡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

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

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!

DRANXZ88 · « **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 · « **Respuesta #2 en:** 15 de Junio 2015, 21:45 »

¡Hola dranxz88!
¡Muchas gracias!, ahora lo puedo ver

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: