dar formato a un linkbutton cuando tiene el cursor encima

[javitxin10]

hola a todos.

quería saber como puedo darle el formato para todos los linkbutton que vaya a usar en las distintas paginas de mi web. Quiero que tenga un tipo de letra, color de letra y color de fondo determinado cuando no está el cursor sobre el linkbutton y otro formato determinado cuando el cursor esta sobre él.

tendría que crear una nueva entrada en mi archivo css, y luego meter el linkbutton entre el tag que haya determinado para ello en cada archivo .aspx que use un linkbutton?

sería algo en el css como:

#linkbutton {font:la ke sea; background: el ke sea; tipo_letra: el ke sea;}
#linkbutton: hover {font:la ke sea; background: el ke sea; tipo_letra: el ke sea;}

y luego en el aspx:

<div class="linkbutton"> (el linkbutton) </div>

o no se pueden cambiar las propiedades de un linkbutton desde css?

gracias al que me ayude, estoy realmente perdido en css!

[mc_pato]

No probaste crear el botón en CSS ya?

[javitxin10]

ya te digo que no habia visto css en mi vida, me baso en mirar algunas plantillas de internet y en menus de ejemplo para aprender algo. como tendria ke hacer eso?

[javitxin10]

bueno al final lo que he visto que se podía hacer es crear una clase en el css y darle esa propiedad a los botones de la web. Ahora tengo dos dudas, la primera es:

- como puedo darles un formato diferente cuando el mouse esta sobre el boton?

de momento lo que he hecho es:

.boton { color: #B4B4B4; font: bold 1.0em "Trebuchet MS", Arial, Sans-Serif; background: #8c2E2E; }

- el segundo problema es que los botones en internet explorer no me responden desde que he aplicado una plantilla css a la web. En firefox van perfectamente.

alguna sugerencia?

[PanchoJ]

Si queres cambiar el formato a un boton cuando pasas el mouse por encima tenes que colocar en el archivo .css

.boton:hover{"en este lugar colocas el formato que querés que tenga cuando pasas el mouse"}

Ejemplo

Boton normal

.boton { color: #B4B4B4; font: bold 1.0em "Trebuchet MS", Arial, Sans-Serif; background: #8c2E2E; }

Boton con el mouse encima

.boton:hover { color: #040404; font: bold 2.0em "Trebuchet MS", Arial, Sans-Serif; background: red; }

[javitxin10]

Gracias PanchoJ, me funcionó con lo que me has explicado. El problema es que en IE6 no, y me sigue pasando que en IE los botones no funcionan, se pulsan pero sin hacer ninguna función

[PanchoJ]

IE6 Tiene problema con lo que queres hacer pero para hacerlo tenes que aplicarlo a un enlace

Ejemplo

<a href="#" class=".boton">Texto</a>

Si querés aplicarlo a un objeto

.boton:hover img{
border: 5 solid red;
}

<a href="#" class=".boton"><img src="imagen.jpg"></a>