[SOLUCIONADO] ¿comoponer css a tipe "submit"?

[vegas]

hola amigos estoy intentando poner un estilo css de boton para un boton de formulario tipo submit, pero no me lo coge bien.

si el boton es type button si los coge bien pero al submit del formulario no.

una ayuda por favor.

muchas gracias.

[fede5426]

Dejanos tu código HTML y CSS para ver donde está el error..

[vegas]

este es el codigo html:

Código HTML:

<td align="center"><input type="submit" value="Guardar" class="boton" <div id="boton2"></div></td> 

y este el css:

Código:

<style type="text/css">
#boton2{ 
   
  
  background: #00d9ff;
  background-image: -webkit-linear-gradient(top, #00d9ff, #009dff);
  background-image: -moz-linear-gradient(top, #00d9ff, #009dff);
  background-image: -ms-linear-gradient(top, #00d9ff, #009dff);
  background-image: -o-linear-gradient(top, #00d9ff, #009dff);
  background-image: linear-gradient(to bottom, #00d9ff, #009dff);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Georgia;
  color: #000000;
  font-size: 20px;
  padding: 9px 20px 10px 20px;
  border: solid #000000 2px;
  text-decoration: none;
}

#boton2:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #00ff33);
  background-image: -moz-linear-gradient(top, #3cb0fd, #00ff33);
  background-image: -ms-linear-gradient(top, #3cb0fd, #00ff33);
  background-image: -o-linear-gradient(top, #3cb0fd, #00ff33);
  background-image: linear-gradient(to bottom, #3cb0fd, #00ff33);
  text-decoration: none;
}
</style>

[fede5426]

A simple vista se ve que el input no esta cerrado..

<input type="submit" value="Guardar" class="boton" /><div id="boton2"></div>

Te falta lo que está coloreado en rojo.

No entiendo bien que fue lo que quisiste hacer con ese div con id="boton"

[vegas]

Hola fede, gracias por la ayuda.

mira si cierro comotu dices el <div id="boton2"> deja de tener efecto.

lo que quiero poniendo ese div ahi es para que aparezca un estilo de boton como lo tengo puesto en otras paginas donde el tipo no es SUBMIT.

asi lo tengo en otras paginas, pero en el tipo submit lo mas que hace es cambiar el color del boton al poner el raton encima, pero no coge el estilo completo como te muestro en la siguiente imagen.




gracias amigo.

un saludo.

a ver si ahora me pueden contestar de como poner el estilo de boton en el tipo submit.

[ArturoGallegos]

Ya se te contesto como puedes poner el estilo de botón en el tipo submit, si tienes errores en tu archivo corrigelos así de simple, si aparecen mas errores lo sentimos mucho pero tendrás que corregirlos todos.

No hay nada mas que te podamos decir o hacer por ti, tu problema es que tienes errores.

Procura siempre validar tu código para evitar estos problemas.

[fede5426]

Como dije, no esta cerrada la etiqueta.. A demás meter un div dentro de la etiqueta input es totalmente erróneo. Si querés que varios elementos tengan los mismos estilos usa una clase para todos ellos y ya..

http://codepen.io/fede5426/pen/JdOEqK

Ese ejemplo esta con tu código css, aplicado a la clase boton.. fijate que pasa si lo asigno a diferentes etiquetas..

[herzbazi]

el que quiera ayudar que ayude si no que no opine !!!

y en referencia a lo que dicen es completamente cierto, será necesario que leas y aprendas por que aquí te ayudamos con temas concretos, no podemos aunque queramos enseñarte desde cero por que eso depende de ti y lo primero que te podemos decir es que tu código esta mal.


reemplaza por esto y me dices

Código HTML:

<td align="center"><input type="submit" value="Guardar" class="boton"/></td>
 

[vegas]

bueno bueno bueno, no alterarse. jajajaja.

voy a ponerme a corregir errores.

es que como en el index me hizo bien lo de los botones pensaba que lo estaba haciendo bien.

pruebo y comento.

un saludo.

[vegas]

asi tambien me funciona.

esta mal tambien???

<input type="button" value="Alta Nuevo Cliente" id="boton2"/>

poniendo boton2 en la etiqueta class no aparece el boton.

espero que este bien de la manera que digo.

un saludo.

[ArturoGallegos]

Si esta bien la sintaxis solo recuerda que el ID no debe repetirse, es dicir si ya lo tienes asignado a un div no puedes colocarselo a un input

Si necesitas hacer eso, en lugar de ID utiliza una clase

[vegas]

ok uno de los problemas que tenia era que ponia la almoadilla # antes del nombre del css

ahora lo he cambiado por un . y ya me funciona las etiquetas class, pero en el tipo submit aun no me funcionan.

sigo buscando.

gracias.

[herzbazi]

no funciona el botón ?

como envías y recoges los datos?

[vegas]

jajaaj. amigos FUNCIONAAAAAA.

por fin.

era por que tenia una linea repetida en el css.

muchas gracias por la ayuda, se me queda muy claro el uso de class y de id.

muchisimas gracias herzbazi.

eres una maquina.

y fede5426 tambien y a ArturoGallegos.

[herzbazi]

no olvides dar por solucionado el tema