Cómo puedo cambiar la apariencia de un botón?

Jose
26 de Noviembre del 2003
Hola. Por favor, sabría alguien decirme cómo puedo hacer para que "Botón" y "Botón 1" (más abajo presento el código de los botones por si queréis verlo)
que están creados con una tabla se les pueda cambiar la apariencia igual que al botón "Pulsar botón" y que hagan el mismo efecto que éste último(hundirse cuando se pulse). Lo he estado probando de distintas formas y no me funciona, no sé
como hacerlo. Y que cuando se pulse en "Botón" y "Botón 1" aparte del efecto de hundirse vaya también al enlace deseado (como ejemplo he puesto http://desarrolloweb.com).
Si [email protected] de vosotros pudiera decírmelo o que me haga el código le estaría muy agradecido.
Un saludo y gracias por adelantado.



Este es el código de "Botón" y "Botón 1":

<html>
<head>
<title>Botones</title>
</head>

<body>
<table border="0" width="20%" cellpadding="0" cellspacing="3" height="50" align="left">
<tr>
<td width="100%" valign="middle" align="center" bgcolor="#CC3300" height="35"
style="border-right-style: solid; border-bottom-style: outset">
<a href="http://desarrolloweb.com" target="principal">
<font face="Comic Sans MS" size="2"
color="#FFFFFF"><b>Botón</b></font></a></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" bgcolor="#CC3300" height="35"
style="border-right-style: solid; border-bottom-style: outset">
<a href="http://desarrolloweb.com" target="principal">
<font face="Comic Sans MS" size="2"
color="#FFFFFF"><b>Botón1</b></font></a></td>
</tr>
</table>
</body>
</html>


Este es el código de "Pulsar botón":

<html>
<head>
<title>Botones</title>
</head>

<body>
<input type=button style="background:#FFFF5F;COLOR:#000000;FONT- family:tahoma,arial;
font-weight:bold;"value="Pulsar Botón" onClick="javascript:popUp('http://desarrolloweb.com')">

</body>

</html>
No sé si habrá alguna manera de unir estos dos códigos o hay que hacerlo de otra forma.



scriptman
26 de Noviembre del 2003
Pues asi.. con ESTILO..

si quieres un boton, que se comporte como boton, usa un BOTON (no tabla que "parece boton"), como "Pulsar botón"
solo cambia el style que tienes por el style del TD más el style de la font q tienes en tu tabla.

ejemplo:

<input type=button style="background-color:#CC3300; border-right-style: solid; border-bottom-style: outset;font-family: 'Comic Sans MS'; font-size: 10pt;" value="Pulsar Botón" onClick="document.location='http://desarrolloweb.com';">

Lee algun manual sobre CSS y HTML.
Saludos, scriptman.

Jose
26 de Noviembre del 2003
Gracias scriptman, eres una máquina. La verdad es que tienes razón, es una tonteria utilizar una tabla. Soy un novato y no caigo en las cosas.
Es que estoy metiendome ahora en este mundo del diseño web y sí me he leido html, pero aún me queda bastante camino.
De nuevo gracias y un saludo.