Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Deus Duet en 12 de Junio 2015, 04:15

Título: Botones en HTML button en formulario cómo darle formato Ejercicio CU00724B
Publicado por: 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 :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 (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

(https://scontent-lax1-1.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/10369714_1442883109363830_7535829800251719208_n.jpg?oh=fdc2575273d5526a0465fd2a89977d37&oe=55FDE4F2)

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!
Título: Re:Ejercisio de la entrega 24 del Tutorial básico del programador web
Publicado por: DRANXZ88 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;".
Título: Re:Ejercisio de la entrega 24 del Tutorial básico del programador web
Publicado por: Deus Duet en 15 de Junio 2015, 21:45
¡Hola dranxz88!
¡Muchas gracias!, ahora lo puedo ver :D