26/05/2009, 02:31
| |||
| |||
| menú con imágenes hola a todos, he creado un menú con css, a través de imágenes. con a , a:hover. el menú funciona correctamente, el problema es que la propiedad a:hover tarda un poco el cargar la imagen, sobre todo en ie. Las imágenes del menu están optimizadas y pesan alrededor de 1KB cada una. Alguien sabe como se puede optimizar este tipo de menus??? Muchas gracias |
|
26/05/2009, 02:36
| ||||
| ||||
| Respuesta: menú con imágenes si, puedes hacer que la imagen del menu sea una doble, que en la parte superior tenga un tipo de boton y en la inferior otro, entonces con el a:hover simplemente has de cambiarle las propiedades para mostrar la otra. Si quieres aquí tienes mas ayuda
__________________ No diseñes usando tablas. |
|
26/05/2009, 02:45
| |||
| |||
| Respuesta: menú con imágenes Cita: eso es lo q hago, el problema es q noto q el salto entre las 2 imágenes tarda poco.
Iniciado por hades87  si, puedes hacer que la imagen del menu sea una doble, que en la parte superior tenga un tipo de boton y en la inferior otro, entonces con el a:hover simplemente has de cambiarle las propiedades para mostrar la otra. Si quieres aquí tienes mas ayuda y eso q las imágenes pesan 1KB cada una. en firefox no tarda, sin embargo en ie tarda un poco |
|
26/05/2009, 02:47
| ||||
| ||||
| Respuesta: menú con imágenes Pues es raro, por que si las imágenes pesan poco y además es una sola no debería de haber problema, aún que ya sabemos que IE siempre va como le da la gana
__________________ No diseñes usando tablas. |
|
26/05/2009, 02:57
| |||
| |||
| Respuesta: menú con imágenes Cita: estoy harto del ie
Iniciado por hades87 Pues es raro, por que si las imágenes pesan poco y además es una sola no debería de haber problema, aún que ya sabemos que IE siempre va como le da la gana es una basura, y encima ahora resulta q hay q cuadrar todo para el ie8, xq los impresentables de microsoft no realizan un navegador q por lo menos respete las propiedades que funcionaban en la versión anterior |
|
26/05/2009, 03:21
| ||||
| ||||
| Respuesta: menú con imágenes Hola Foroworld, lo que creo que necesitas es hacer el menu con sprites. Se trata de una sola imagen que contenga todo el menu tanto normal como en hover, luego le dices de que parte a que parte lo quieres. De esta manera se carga una sola imagen y al cargarse de inicio no pasa lo que tu dices. También te recomiendo que pongas spam al menu para hacerlo accesible. Saludos
__________________ Las dudas son el alimento de la inteligencia. A. Einstein Everything we are is the end result of our thoughts. Sidhartta Gautama |
|
26/05/2009, 03:51
| |||
| |||
| Respuesta: menú con imágenes Cita: Hola Aresillo,
Iniciado por Aresillo Hola Foroworld, lo que creo que necesitas es hacer el menu con sprites. Se trata de una sola imagen que contenga todo el menu tanto normal como en hover, luego le dices de que parte a que parte lo quieres. De esta manera se carga una sola imagen y al cargarse de inicio no pasa lo que tu dices. También te recomiendo que pongas spam al menu para hacerlo accesible. Saludos Me podrías explicar lo de los sprites??? tienes algún ejemplo??? Muchas gracias |
|
26/05/2009, 04:02
| ||||
| ||||
| Respuesta: menú con imágenes Te explico que se trata de reagrupar las imagenes que necesitas en una web en una sola imagen para que se carga más rápido. Luego cuando quieres añadir una imagen, la linkas y le dices de que parte a que parte quieres que salga. Por ejemplo, esta es la imagen que utiliza google, en vez de utilizar varias.  Te dejo dos links más explicativos: Menu CSS con Sprites Video cómo usar los sprites (en inglés) Saludos
__________________ Las dudas son el alimento de la inteligencia. A. Einstein Everything we are is the end result of our thoughts. Sidhartta Gautama |
|
26/05/2009, 04:10
| ||||
| ||||
| Respuesta: menú con imágenes Muy interesante la información Aresillo, no había visto mucho esta técnica :)
__________________ No diseñes usando tablas. |
|
26/05/2009, 04:15
| |||
| |||
| Respuesta: menú con imágenes Cita: La verdad es q tiene una pinta cojonuda, lo probaré.
Iniciado por Aresillo Te explico que se trata de reagrupar las imagenes que necesitas en una web en una sola imagen para que se carga más rápido. Luego cuando quieres añadir una imagen, la linkas y le dices de que parte a que parte quieres que salga. Por ejemplo, esta es la imagen que utiliza google, en vez de utilizar varias. Te dejo dos links más explicativos: Menu CSS con Sprites Video cómo usar los sprites (en inglés) Saludos muchísimas gracias. |
|
26/05/2009, 04:48
| ||||
| ||||
| Respuesta: menú con imágenes De nada.. Un saludo y gracias a los dos.
__________________ Las dudas son el alimento de la inteligencia. A. Einstein Everything we are is the end result of our thoughts. Sidhartta Gautama |
|
27/05/2009, 04:25
| |||
| |||
| Respuesta: menú con imágenes Cita: Hola,
Iniciado por foroworld La verdad es q tiene una pinta cojonuda, lo probaré. muchísimas gracias. Sabes si funciona correctamente en todos los navegadore como cuadras las coordenadas??? muchas gracias |
|
27/05/2009, 04:27
| ||||
| ||||
| Respuesta: menú con imágenes para cuadrarlas cordenadas, vas moviendo la imagen a la izquierda con el border negativo
__________________ No diseñes usando tablas. |
