Foros del Web » Creando para Internet » CSS »

Desplegable con CSS

Estas en el tema de Desplegable con CSS en el foro de CSS en Foros del Web. Buenas, estoy haciendo un trabajo web de clase y le estoy implementando un desplegable en la parte superior izquierda. Esa parte es fija, y está ...
  #1 (permalink)  
Antiguo 26/04/2011, 13:41
 
Fecha de Ingreso: abril-2011
Mensajes: 23
Antigüedad: 6 años, 7 meses
Puntos: 2
Desplegable con CSS

Buenas, estoy haciendo un trabajo web de clase y le estoy implementando un desplegable en la parte superior izquierda. Esa parte es fija, y está "contraida" y lo que quiero es que al pasar el ratón por encima se "descontraiga".

Os pongo una imagen para que os resulte más facil entender lo que digo.



Quiero que al pasar el ratón por la pestaña del circulo se me despliege (encima de la propia pestaña) una más grande.

Quedando como resultado esto:



Tengo realizado un menú con css que hace basicamente eso, mostrar un desplegable debajo con distintos links. Había pensado que se podía hacer igual, pero no lo consigo.

Me podéis echar una mano?

Un saludo.
  #2 (permalink)  
Antiguo 26/04/2011, 13:51
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Desplegable con CSS

Hola Dracknes:

Código CSS:
Ver original
  1. #boton{
  2. display:block;
  3. width:...;
  4. height:...;
  5. position:absolute;
  6. top:...; left:-50px;
  7. background:url('ruta/laimagendelboton.xxx') 0 0 no-repeat;
  8. /*puedes usar line-height o padding si el texto del boton es texto html*/
  9. }
  10. #boton:hover{
  11. left:0px; /*cambiamos la posición, como antes era negativa y ahora le damos "cero" se mostrará por completo el boton. juega con estos valores según tu diseño.*/
  12. }

Espero te haya sido útil. Un abrazo.
  #3 (permalink)  
Antiguo 26/04/2011, 14:45
 
Fecha de Ingreso: abril-2011
Mensajes: 23
Antigüedad: 6 años, 7 meses
Puntos: 2
Respuesta: Desplegable con CSS

Perfecto!

Muchas gracias.
  #4 (permalink)  
Antiguo 26/04/2011, 15:21
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Desplegable con CSS

no hay de que mi estimado ;)

Etiquetas: desplegable
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 05:28.