Foros del Web » Creando para Internet » CSS »

Ayuda: Problemas al diseñar botón

Estas en el tema de Ayuda: Problemas al diseñar botón en el foro de CSS en Foros del Web. Buenas gente!, como va?!, espero que ande todo muy bien!, por acá, tirando!, jeje!. Bueno, paso a comentar que es lo que quiero hacer. Trato ...
  #1 (permalink)  
Antiguo 23/09/2009, 17:53
 
Fecha de Ingreso: abril-2006
Mensajes: 95
Antigüedad: 11 años, 8 meses
Puntos: 0
Ayuda: Problemas al diseñar botón

Buenas gente!, como va?!, espero que ande todo muy bien!, por acá, tirando!, jeje!.

Bueno, paso a comentar que es lo que quiero hacer. Trato de hacer (solo con CSS) un botón, que esté compuesto por 3 imágenes, de las cuales una de ella cambiará, cuando el botón pase de estado en reposo, al estado mouseover. A demás, el mismo botón, contará con unas cuantas variantes para la imagen que cambiará al hacer mouseover, por lo que pensaba agregarles un ID distinto para lograr esto.

Quiero que toda el área del botón sea vinculable, por lo cual desde aquí ya se me hace difícil. Intenté hace un vinculo a la tabla completa en la cual contendría todo, pero solo IE interpreta esto.

Haciendoló con el conocido tipo de las lista, me vuelvo loco en mil cosas; al momento de intentar centrar el texto, de hacer que solo cambie una parte de la imagen, y no tener que cargar una imagen completa… es una locura.

Tal es así que pensé en hacerlo con tablas, pero no encuentro el modo correcto para hacerlo, y que sobre todo, sea funcional en todos los navegadores, y un diseño lo mas óptimo posible.

Bien!, en imágenes intenaré mostrar que es lo que quiero hacer!. Aquí les dejo el link (copiar en el navegador, el link funciona como está en IE8 FF3 y Chrome) i940.photobucket.com/albums/ad246/ces_ar/ejemplos.png

Desde ya muchas gracias colegas!, quedo a la espera de su respuesta!.

Última edición por elkevin; 23/09/2009 a las 18:09
  #2 (permalink)  
Antiguo 23/09/2009, 18:08
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda: Problemas al diseñar botón

Mira a ver si en el enlace encuentras inspiración
http://css.devillasbuenas.es/verical-align.html

Sólo tienes que cambiar los valores del padding de 'ul li a ' para aumentar el tamaño de "botón" y el valor de 1px en su background para acomodar la imagen a la posición que quieras.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 23/09/2009, 18:22
 
Fecha de Ingreso: abril-2006
Mensajes: 95
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Ayuda: Problemas al diseñar botón

Cita:
Iniciado por kseso? Ver Mensaje
Mira a ver si en el enlace encuentras inspiración css.devillasbuenas.es/verical-align.html

Sólo tienes que cambiar los valores del padding de 'ul li a ' para aumentar el tamaño de "botón" y el valor de 1px en su background para acomodar la imagen a la posición que quieras.

Un saludo
Muchas gracias por tu respuesta kseso!.

Te comento que intenté hacerlo de este modo, pero mi primer problema surge al intentar dejar todos los textos alineados de la misma manera (como mostré en la imagen). Siguiendo con problemas del texto, al cambiar su tamño o fuera, se torna tedioso por que tengo que ordenar nuevamente todos los estilos.

Mi idea, era buscar algo que funcioné de manera autonoma respecto al centrado y ese tipo de factores, para despreocuparme en el diseño.

Alguna otra idea?.

Acá va el bosquejo de lo que intento hacer (hecho con el principio del ejemplo que me pasaste). La idea es que tras cada opción, la nota cambien, así pasando por Do, Re, Mi, etc... adrielairaldo.com.ar/nav_bar%2022-09-09%20v2/nav_bar.html

Nuevamente muchas gracias!. Quedo a la espera de sus ideas, comentarios, todo aquello que puedan aportar!.

Saludos!.
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 00:29.