Foros del Web » Creando para Internet » CSS »

dar formato a un linkbutton cuando tiene el cursor encima

Estas en el tema de dar formato a un linkbutton cuando tiene el cursor encima en el foro de CSS en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 15/04/2009, 05:05
 
Fecha de Ingreso: diciembre-2008
Mensajes: 52
Antigüedad: 9 años
Puntos: 0
dar formato a un linkbutton cuando tiene el cursor encima

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!
  #2 (permalink)  
Antiguo 15/04/2009, 05:28
Avatar de mc_pato  
Fecha de Ingreso: julio-2008
Ubicación: Casbas
Mensajes: 31
Antigüedad: 9 años, 4 meses
Puntos: 1
Respuesta: dar formato a un linkbutton cuando tiene el cursor encima

No probaste crear el botón en CSS ya?
  #3 (permalink)  
Antiguo 15/04/2009, 05:50
 
Fecha de Ingreso: diciembre-2008
Mensajes: 52
Antigüedad: 9 años
Puntos: 0
Respuesta: dar formato a un linkbutton cuando tiene el cursor encima

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?
  #4 (permalink)  
Antiguo 15/04/2009, 07:12
 
Fecha de Ingreso: diciembre-2008
Mensajes: 52
Antigüedad: 9 años
Puntos: 0
Respuesta: dar formato a un linkbutton cuando tiene el cursor encima

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?
  #5 (permalink)  
Antiguo 15/04/2009, 20:10
 
Fecha de Ingreso: abril-2009
Ubicación: Santa Fe, Capital
Mensajes: 38
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: dar formato a un linkbutton cuando tiene el cursor encima

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; }

Última edición por PanchoJ; 15/04/2009 a las 20:30
  #6 (permalink)  
Antiguo 16/04/2009, 04:08
 
Fecha de Ingreso: diciembre-2008
Mensajes: 52
Antigüedad: 9 años
Puntos: 0
Respuesta: dar formato a un linkbutton cuando tiene el cursor encima

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
  #7 (permalink)  
Antiguo 16/04/2009, 09:06
 
Fecha de Ingreso: abril-2009
Ubicación: Santa Fe, Capital
Mensajes: 38
Antigüedad: 8 años, 8 meses
Puntos: 0
Sonrisa Respuesta: dar formato a un linkbutton cuando tiene el cursor encima

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>
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 11:12.