Foros del Web » Creando para Internet » CSS »

imagénes-enlace con marco

Estas en el tema de imagénes-enlace con marco en el foro de CSS en Foros del Web. hola! tengo una galería de fotos y tengo la foto a visualizar y después miniaturas de todas las fotos que hay (que son enlaces). esas ...
  #1 (permalink)  
Antiguo 14/09/2009, 09:27
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
imagénes-enlace con marco

hola!

tengo una galería de fotos y tengo la foto a visualizar y después miniaturas de todas las fotos que hay (que son enlaces).
esas miniaturas quería que tuviesen un marco por defecto negro, que al ponerse encima de una de ellas que el marco fuese rojo y que la foto que estea seleccionada, que la que coincide con la miniatura tuviese el marco de color blanco.

Código css:
Ver original
  1. #miniaturas img
  2. {
  3.     border: 2px solid #000; /*por defecto*/
  4. }
  5.  
  6. #miniaturas img a:hover, #miniaturas img a:active
  7. {
  8.     border: 2px solid #C00; /*al ponerse encima*/
  9. }
  10.  
  11. .seleccionado
  12. {
  13.     border: 2px solid #FFF; /*seleccionado*/
  14. }

el problema está en que se ponen todos los marcos negros y al ponerse encima no pasa nada, y la que está seleccionada tampoco..
si quito #miniaturas img funciona pero los marcos son de otro color en vez de negros

gracias!
  #2 (permalink)  
Antiguo 14/09/2009, 10:16
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: imagénes-enlace con marco

Si estas usando un script que te genera esa galeria de imagenes, muy probablemente ese script genere dinamicamente una ruta que no sería: #miniaturas img a

SUgiero busques la ruta que genera tu script , o nos pases la direccin de la web para detectarla.

En cuanto al color de borde, que funciona pero en tono diferente, lo que puede pasar es que haya otra instruccion posterior que este dando ese tono. POdes asegurarte de que quedan negra asi:

color: #000 !important;
  #3 (permalink)  
Antiguo 15/09/2009, 14:31
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: imagénes-enlace con marco

gracias por contestar mayid

sigue sin ir y hay una regla para los enlaces normales pero para las imágenes sólo son las que puse en el post :S

la galería la hice en php y funciona así
Código html:
Ver original
  1. <!-- cuando no esta seleccionada, tiene que tener marco negro y al ponerse encima que se vuelva rojo -->
  2. <a href="?pag=multimedia&foto=1">
  3. <img src="fotos/min.jpg" width="160" height="120"/>
  4. </a>
  5.  
  6. <!-- cuando esta seleccionada, tendria que tener marco blanco -->
  7. <a href="?pag=multimedia&foto=1">
  8. <img src="fotos/min.jpg" width="160" height="120" class="seleccionado"/>
  9. </a>

alguna solución? gracias!
  #4 (permalink)  
Antiguo 15/09/2009, 16:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: imagénes-enlace con marco

Prueba con:

#miniaturas a {border: 2px solid #000;}
#miniaturas a:hover, #miniaturas a:active, #miniaturas a:focus {border: 2px solid #C00;}
#miniaturas a.seleccionado {border: 2px solid #FFF;}
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 15:49.