Foros del Web » Creando para Internet » HTML »

Código para botón "submit" en CSS

Estas en el tema de Código para botón "submit" en CSS en el foro de HTML en Foros del Web. Hola: En esta página: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html he visto unos botones muy bonitos que usan la técnica "puerta deslizante" en CSS. El código que usan es éste: ...
  #1 (permalink)  
Antiguo 05/03/2008, 09:30
 
Fecha de Ingreso: enero-2008
Mensajes: 8
Antigüedad: 9 años, 11 meses
Puntos: 0
Código para botón "submit" en CSS

Hola:

En esta página:
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
he visto unos botones muy bonitos que usan la técnica "puerta deslizante" en CSS.

El código que usan es éste:
Código:
<a class="button" href="#"><span>Página de inicio</span></a>
( la clase "button" está asociada a la hoja de estilos y a las imágenes que crean el botón)

Sin embargo, no sé cómo hacerlo para incorporar dicha técnica a un botón de submit. (en la página del autor se hace el siguiente comentario: "To submit forms with this type of button, simply add more calls to the button's onclick event.", pero creo que esto implica usar Javascript y ahí ya me pierdo)

Agradecería que alguien pudiera darme un ejemplo de cómo hacerlo.

Saludos
  #2 (permalink)  
Antiguo 05/03/2008, 12:57
Avatar de elquique  
Fecha de Ingreso: marzo-2004
Ubicación: Florida, Uruguay
Mensajes: 2.495
Antigüedad: 13 años, 8 meses
Puntos: 78
Re: Código para botón "submit" en CSS

Quizas se refiera a que en <a class="button" href="#"> le agregues un onclick="formulario.submit();" probaste así ?
__________________
Blog Jorge Oyhenard | Tutoriales Photoshop
  #3 (permalink)  
Antiguo 06/03/2008, 09:17
 
Fecha de Ingreso: mayo-2005
Mensajes: 8
Antigüedad: 12 años, 7 meses
Puntos: 0
Re: Código para botón "submit" en CSS

Ante todo, gracias por contestar :)

El problema está en que no domino Javascript y no sé exactamente cómo incorporar el código de manera correcta.

Os pongo el formulario por si alguen sabe cómo hacerlo:

Código:
<form action="<?php echo $_SERVER['PHP_SELF']?>" method="POST">
	<input type="text" name="nombre" size="18" maxlength="19" class="inputpetit">
	<input type="submit" value="Apunta'm" name="submit" class="submit">
</form>
Gracias de antemano
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:04.