que tal, gracias por sus respuestas, disculpen por la tardanza es que por alguna razon los mensajes de aviso de foros del web me estan llegando al correo no deseado y no habia visto que me habían respondido
a ver:
furoya:
Cita: A ver si entiendo : en ese ejemplo las imágenes son todas la misma, pero en realidad cada link va a llevar su propio logo, o sus dos logos en versió normal y hover tipo sprite.
Creo que se puede, pero me tendría que poner a probar. El mayor drama es que va una sola imagen con todos los logos; el sprite se haría así : al "cargar" el ancla se ubican los logos que corresponden, y al pasar por el enlace se desplazan a su versión hover.
Exacto, el drama que quiero evitar es hacer una sola imagen con todos los iconos. Gracias por tu ejemplo
memodian:
Cita: Pero si dices que lo que cambian son los enlaces es decir <a></a> entonces el problema es más grande.
ese es el dilema
furoya:
Cita: Hasta que catpaw venga a aclarar el panorama, vamos a dar por supuestas algunas cosas.
Como que no puede tocar el HTML. Sería un caso muy especial, pero es posible que el servidor le envíe la lista prearmada a su página, tomando los destinos de una base de datos que él no maneja. Porque desde PHP es muy sencillo escribir el nombre, el destino y el fondo del link para cada uno.
Pero yo quiero saber por qué no lo hace con JS, que sería compatible y sin tanto problema.
Lo de CSS sería experimental, como para probar que de alguna forma se puede poner el ícono que corresponda, y su animación. Por supuesto que con CSS no va a cambiar direcciones ni texto.
Lo que no entiendo bien es lo del mantenimiento. Porque si no puede cambiar ese HTML ¿qué hay que mantener?. Y si se puede cambiar, entonces que se escriba como corresponde y se terminó el problema. Es "copiar y pegar" (a mano o a máquina) cadenas pre-hechas.
Bueno para aclararnos, lo que quiero es tocar en lo menos posible el css no el html, de echo el html es lo que mas se cambia, por ejemplo:
tener la clase css predeterminada
.imagen{
ancho de la imagen
alto de la imagen
sin borde
color de texto
margenes del texto
}
.imagen:hover{
usar algo como background-position: para redireccionar las coordenadas de la imagen con el logo normal y el sprite
z-index 1 para que remplace la imagen por default
}
y en el html tener:
<a class="imagen"><img src="
ruta/nombre.png" />Texto del enlace</a>
por lo que para facilitar el mantenimiento del sitio seria solo cambiar la ruta de la imagen (lo que esta en negritas)
Pero bueno viendolo bien, creo que necesitare de jqwery
