Ayuda please!! llevo dias sin encontrar una ..... solucion!!
quiero saber como hacer un submit con un texto ya que en css se puede dar formato a un texto para que paresca boton, y tengo uno en la zona de registro y no puedo enviar el formulario osea no puedo hacer el submit que hace un boton normal
Archivo.css #bot1 a{
background-image:url(images/normal.png);
height:44px;
width:144px;
background-position: center top;
display: block;
color: #FFF;
text-decoration: none;
padding-top: 5px;
background-repeat: no-repeat;
font-weight: bold;
font-size:11px;
}
#bot1 a:hover{
background-image:url(images/sobre.png);
}
#bot1 a:focus{
background-image:url(images/pres.png);
}
Codigo del texto-boton<span id="bot1"><a href="#" onclick="document.forms.registrar.submit()">REGISTRAR</a></span>
supuestamente este texto-boton deberia enviar mi formulario llamado "registrar" pero no lo hace a cambio de un boton normal
boton normal<input type="submit" name="registro" id="registro" value="Registrar" />
la pregunta es ¿como puedo hacer el submit o enviar el formulario desde un texto? y si no se puede... como hago para cambiar la apariencia de mi boton y que pueda enviar el bendito formulario....
gracias
bueno gracias despues de todo ya encontre como hacerlo... dejo el codigo si alguien busca como cambiarle la apariencia al boton reset y submit
<input style="color: #ffffff; background: url('images/normal.png'); width:146px; height:36px; border:hidden" value="Buscar" name="registro" type="submit" id="registro">
y creo que con el código inicial solo sería cambiarle la etiqueta a a input[type='submit'] es decir,
#bot1 input[type='submit']{
background-image : url(images/normal.png);
height : 44px;
width : 144px;
background-position : center top;
display : block;
color : #FFF;
text-decoration : none;
padding-top : 5px;
background-repeat : no-repeat;
font-weight : bold;
font-size : 11px;
}
y el HTML quedaría,
<span id="bot1">
<input type = 'submit' id = 'btnEnviar' name = 'btnEnviar' value = 'Enviar' />
</span>
uhmmm estaria contento si funcionaria el codigo que dejaste shell root pero no funciona esto de los css es una porqueria en fin... me ayudaria mucho si me pudieran decir como ****** se le puede poner un link a este boton?
<input style="color: #ffffff; background: url('images/normal.png'); width:146px; height:36px; border:hidden" value="Buscar" name="registro" type="submit" id="registro">
intente de muchas formas y no se puede y... como que desde ayer estoy que sufro con la porkeria de botones css.... que su ayuda me vendria muy bien gracias
El input ponelo dentro de un form y al form dale un action a la página que estas usando para hacer lo que haga
Agradezco la ayuda ya esta todo resuelto
@Thekraken, no se que fue lo que hicistes, pero si me funciona...
<html>
<head>
<title>PoC</title>
<style type="text/css">
#bot1 input[type='submit']{
background-image : url('http://www.frikipedia.es/images/thumb/8/8f/Normal.png.PNG/120px-Normal.png.PNG');
height : 44px;
width : 144px;
background-position : center top;
display : block;
color : #FFF;
text-decoration : none;
padding-top : 5px;
background-repeat : no-repeat;
font-weight : bold;
font-size : 11px;
}
</style>
</head>
<body>
<span id="bot1">
<input type = 'submit' id = 'btnEnviar' name = 'btnEnviar' value = 'Enviar' />
</span>
</body>
</html>