Problema con botones en css

yessi · #1 (**permalink**) 07/02/2005, 17:07

Soy novata en esto del desarrollo web, buscando por ahí encontré unas hojas d estilo para crear botones. Las uso en un código como el q muestro a continuación:
<HTML>
<HEAD>
<style type="text/css">
.botones {
background-color: #005100;
border-color: #515100;
border-width: 1;
color: #FFFFE9;
font-size: 10pt;
font-family: monospace;
font-weight: bold;
}
</style>
</HEAD>

<BODY background="image001.jpg" bgcolor=#FFFFE9 text=#00264C>
<Table border=0 align=Center height=141 width="84%">
<TR>

<TD align=Center width="33%" height=274>
<BR><BR><A HREF='principal.html'><input type="button" value="Entrar" class="botones"></A>
</TD></TR>
</Table>

</BODY>
</HTML>

El problema consiste en q quiero usar el botón para dirigirme hacia otra página, pero la etiqueta <a HREF>, como yo la utilizo no me funciona.
Podriaís indicarme cómo puedo solucionarlo!!!

Khronos · #2 (**permalink**) 07/02/2005, 17:45

Hola.

Te ha faltado la etiqueta de formulario, mira:

<HTML>
<HEAD>
<style type="text/css">
.botones {
background-color: #005100;
border-color: #515100;
border-width: 1;
color: #FFFFE9;
font-size: 10pt;
font-family: monospace;
font-weight: bold;
}
</style>
</HEAD>

<BODY background="image001.jpg" bgcolor=#FFFFE9 text=#00264C>
<Table border=0 align=Center height=141 width="84%">
<TR>

<TD align=Center width="33%" height=274>
<form name="form1" method="post" action="http://www.forosdelweb.com/showthread.php?t=268665">
<input name="Boton" type="submit" class="botones" id="Botón" value="Entrar">
</form>
</TD>
</TR>
</Table>

</BODY>
</HTML>

En action colocas la direccion de la página a donde kieres redirigir cuando se haga clic sobre el botón.

yessi · #3 (**permalink**) 07/02/2005, 18:10

Upss, no se me había ocurrido eso de usarlo como un formulario
Muxas gracias!!

Khronos · #4 (**permalink**) 07/02/2005, 20:49

Cita:

Iniciado por yessi

Upss, no se me había ocurrido eso de usarlo como un formulario
Muxas gracias!!

Por nada. Suerte

kemie · #5 (**permalink**) 08/02/2005, 04:46

una opcion más fácil es simplemente darle un estilo al enlace y olvidarte del boton, algo asi:

<HTML>
<HEAD>
<style type="text/css">
.botones {
background-color: #005100;
border-color: #515100;
border-width: 1;
color: #FFFFE9;
font-size: 10pt;
font-family: monospace;
font-weight: bold;
padding:2px 6px;
}
</style>
</HEAD>

<BODY background="image001.jpg" bgcolor=#FFFFE9 text=#00264C>
<Table border=0 align=Center height=141 width="84%">
<TR>

<TD align=Center width="33%" height=274>
<BR><BR><A HREF='principal.html' class="botones">Entrar</A>
</TD></TR>
</Table>

</BODY>
</HTML>

Khronos · #6 (**permalink**) 08/02/2005, 06:00

Cita:

Iniciado por kemie

una opcion más fácil es simplemente darle un estilo al enlace y olvidarte del boton

Hola kemie.

Es cierto lo que dices. Lo único es que dejando de usar el botón pierdes ese efecto que se nota al presionarlo.

Con respecto a tu código, para que luzca más cómo botón usando CSS, creo que haría falta eliminar el subrayado en el texto.

<HTML>
<HEAD>
<style type="text/css">
.botones {
background-color: #005100;
border-color: #515100;
border-width: 1;
color: #FFFFE9;
font-size: 10pt;
font-family: monospace;
font-weight: bold;
padding:2px 6px;
text-decoration: none;
}
</style>
</HEAD>

<BODY background="image001.jpg" bgcolor=#FFFFE9 text=#00264C>
<Table border=0 align=Center height=141 width="84%">
<TR>

<TD align=Center width="33%" height=274>
<BR><BR><A HREF='http://www.forosdelweb.com/showthread.php?t=268665' class="botones">Entrar</A>
</TD>
</TR>
</Table>

</BODY>
</HTML>

Por cierto kimie, muy bonito tu site {pixilate}. Elegante y bien organizado.

kemie · #7 (**permalink**) 08/02/2005, 08:58

cierto, me olvidaba del subrayado. el boton "presionado" se podria simular usando :focus, peor por supuesto, ie no lo soporta :P

gracias por el halago, khronos