Foros del Web » Creando para Internet » CSS »

Que el hijo no haga lo que dice el padre

Estas en el tema de Que el hijo no haga lo que dice el padre en el foro de CSS en Foros del Web. Hola, esto debe ser algo muy sencillo, incluso creo recordar haber dado solución en algún momento a algo así, pero ahora no tengo la menor ...
  #1 (permalink)  
Antiguo 17/11/2010, 15:54
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Pregunta Que el hijo no haga lo que dice el padre

Hola, esto debe ser algo muy sencillo, incluso creo recordar haber dado solución en algún momento a algo así, pero ahora no tengo la menor idea.

El asunto es que tengo lo siguiente:
Código CSS:
Ver original
  1. a { color: #6dcff6; }
  2.  
  3. #content a:hover{
  4.     color: #000000;
  5.     background: #6DCFF6;
  6.     }
Como ven, todos los links dentro de el contenedor #content, se muestran de color negro y fondo azulito en el evento hover. Pero dentro de #content tengo imágenes con links y no quiero que hereden esta propiedad, algo así:
Código CSS:
Ver original
  1. #content a img { que haga otra cosa }

Saludos y gracias de antemano...
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #2 (permalink)  
Antiguo 17/11/2010, 16:48
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Que el hijo no haga lo que dice el padre

Hola Rogertm
Pues dale una muy mala educación y que salga (el hijo) muy desobediente.
Supongo que ya te imaginarás que tu título pasará a engrosar cierto tema por allá.

Bueno, al grano:
Código CSS:
Ver original
  1. #content a img, #content a:hover img {
  2. background: transparent;
  3. text-decoration: none;
  4. }
si lo que quieres es evitar tanto el color de fondo (#6DCFF6) como el efecto de text-decoration.

P.D.: Y a la madre, ¿también la tiene que desobedecer?

Última edición por kseso?; 17/11/2010 a las 17:03
  #3 (permalink)  
Antiguo 17/11/2010, 20:25
 
Fecha de Ingreso: julio-2007
Ubicación: Bolivia, Cochabamba
Mensajes: 104
Antigüedad: 10 años, 4 meses
Puntos: 5
Respuesta: Que el hijo no haga lo que dice el padre

Creo que ya esta respondido, pero como dato te puedo decir que este tipo de problemillas los resolvieras si usaras algun archivo reset.css donde preformatearias todos los elementos o simplemente usando:

*{mardin:0; padding:0; border:none;}

Saludos.
__________________
Jorge A. Inturias C.
Tutoriales | Recursos | Ejemplos | www.disenopaginasweb.com
  #4 (permalink)  
Antiguo 18/11/2010, 08:09
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Respuesta: Que el hijo no haga lo que dice el padre

Nnnnn... no me sale, la verdad que el CSS es una de las cosas que mejor se me da, pero esto como que me ha tupido la mente

A ver si me pueden ayudar un poquito mejor, aquí les dejo el link de un post cualquiera en mi blog (y de paso se divierten un poquito), que es donde tengo el problema, allí tienen una imagen vinculada y además al final del post hay un share link que igual le pasa lo mismo...

Cita:
Iniciado por kseso? Ver Mensaje
Supongo que ya te imaginarás que tu título pasará a engrosar cierto tema por allá.
Engrosaré la filas de la historia...
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #5 (permalink)  
Antiguo 18/11/2010, 09:33
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Que el hijo no haga lo que dice el padre

Bueno, es que es WP.

El problema, Inturias, es de herencias, no de los valores por defecto que aplica cada navegador (para eso es el reset, para anularlos/unificarlos).

Roger, el problema viene por estas reglas (línea 198 y siguientes de style.css)
Cita:
#content a {
padding:0 2px;
}
#content a:hover {
-moz-border-radius:3px 3px 3px 3px;
background: #6DCFF6;
color:#000000;
}
El fondo #6DCFF6 unido a los 2px del padding.

Varias soluciones son posibles:
Borrar la 1ª | #content a {padding:0 2px;} |
Consecuencia: los enlaces del pie de cada artículo quedan un poco más juntos

Reconvertir esta regla en
Cita:
#content .entry-meta a {
padding:0 2px;
}
Personalmente y sin haber visto a fondo otros efectos, me quedaría con esta última.
  #6 (permalink)  
Antiguo 18/11/2010, 09:57
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Respuesta: Que el hijo no haga lo que dice el padre

Uhmmm... creo que si le doy en el evento hover un padding 0 y juego ampliando el margin, lograré lo que quiero...

Gracias y saludos
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose

Etiquetas: padre
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:20.