Foros del Web » Creando para Internet » CSS »

z-index en el header?

Estas en el tema de z-index en el header? en el foro de CSS en Foros del Web. Hola, alguien me podría decir como lograr que las banderas e idiomas y el logo, puedan linkear? Actualmente hay un div que esta sobrepuesto, pero ...
  #1 (permalink)  
Antiguo 29/04/2012, 19:36
 
Fecha de Ingreso: julio-2009
Mensajes: 110
Antigüedad: 15 años, 4 meses
Puntos: 2
z-index en el header?

Hola, alguien me podría decir como lograr que las banderas e idiomas y el logo, puedan linkear? Actualmente hay un div que esta sobrepuesto, pero no logra bajarlo para que estos puedan ser clickeados, alguien me dice por que?

http://tinyurl.com/648n9r5

Muchas gracias
  #2 (permalink)  
Antiguo 01/05/2012, 18:28
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 9 meses
Puntos: 306
Respuesta: z-index en el header?

No entendí cual es el problema.
No entiendo porque tienes ese div sobrepuesto.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 01/05/2012, 18:31
 
Fecha de Ingreso: julio-2009
Mensajes: 110
Antigüedad: 15 años, 4 meses
Puntos: 2
Respuesta: z-index en el header?

Hola C2am, gracias por responder.

Si te fijas en el sitio tanto el logo como las banderas arriba ala derecha están linkeados, pero cuando paso el mouse encima no me linkea, no se que puede ser, trate de sobreponer esos div pero aun sigue sin fucnionar, alguna idea?

Gracias
  #4 (permalink)  
Antiguo 01/05/2012, 18:43
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 9 meses
Puntos: 306
Respuesta: z-index en el header?

Esto es lo que se superpone, no entiendo el porqué
Código CSS:
Ver original
  1. header {
  2. position: relative;
  3. z-index: 9400;
  4. }

Prueba comentando esas lineas
Código CSS:
Ver original
  1. header {
  2. /*position: relative;
  3. z-index: 9400;*/
  4. }

Y sí no te trae otros problemas eliminalas o dejalas comentadas.

Si el problema es con navegadores que no funcionen con html5, busca alternativas, pero a lo sumo le agregaría un display:block para que se comporte como un bloque.

Saludos

PD: usando la herramienta de desarrollo en Chrome, las desactive y parece funcionar.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 01/05/2012, 19:36
 
Fecha de Ingreso: julio-2009
Mensajes: 110
Antigüedad: 15 años, 4 meses
Puntos: 2
Respuesta: z-index en el header?

Excelente, anduvo, no habia visto ese z-index.

Pende con ponerle el z-index 999999 al otro iba a sobreposicionarse sobre cualquier elemento del sitio.

Gracias. Sabés como quitarle los bullets a las banderas? Probé con list-style:none en varias etiquetas pero no hay caso.

Muchas gracias
  #6 (permalink)  
Antiguo 01/05/2012, 19:54
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 9 meses
Puntos: 306
Respuesta: z-index en el header?

Esas flechas son imagenes de fondo:
Código CSS:
Ver original
  1. .col1 ul li, ul li, .col1 ul.arrow li {
  2.     background: url('http://nidodelcondor.com.ar/wp-content/themes/nido/functions/timthumb.php?src=/wp-content/themes/nido/images/bullet-arrow.png&w=5&f=5,204,204,204,0') no-repeat 4px 13px;
  3. }
  4. .col1 ul.check li {
  5.     background: url('http://nidodelcondor.com.ar/wp-content/themes/nido/functions/timthumb.php?src=/wp-content/themes/nido/images/bullet-check.png&w=9&f=5,204,204,204,0') no-repeat 4px 13px;
  6. }
  7. .col1 ul.cross li {
  8.     background: url('http://nidodelcondor.com.ar/wp-content/themes/nido/functions/timthumb.php?src=/wp-content/themes/nido/images/bullet-cross.png&w=8&f=5,204,204,204,0') no-repeat 4px 13px;
  9. }
  10. .col1 ul.plus li {
  11.     background: url('http://nidodelcondor.com.ar/wp-content/themes/nido/functions/timthumb.php?src=/wp-content/themes/nido/images/bullet-plus.png&w=8&f=5,204,204,204,0') no-repeat 4px 13px;
  12. }
  13. .col1 ul.star li {
  14.     background: url('http://nidodelcondor.com.ar/wp-content/themes/nido/functions/timthumb.php?src=/wp-content/themes/nido/images/bullet-star.png&w=8&f=5,204,204,204,0') no-repeat 4px 13px;
  15. }
Creo que este es el archivo donde están esas reglas
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Última edición por webosiris; 02/05/2012 a las 00:47 Razón: enlace removido a petición del autor
  #7 (permalink)  
Antiguo 01/05/2012, 20:01
 
Fecha de Ingreso: julio-2009
Mensajes: 110
Antigüedad: 15 años, 4 meses
Puntos: 2
Respuesta: z-index en el header?

Ahh perfecto gracias.

Solo un último favor y no te molesto más, podrías remover el link de la hoja de estilo hacia la pagina web, así no me indexa.

Gracias y saludos!
  #8 (permalink)  
Antiguo 01/05/2012, 20:20
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 9 meses
Puntos: 306
Respuesta: z-index en el header?

Ah, no me dí cuenta de ello, sorry.
Lamentablemente no puedo editar. Esperemos que algún moderador lo haga.
Saludos

PD: ahí Reporte el Mensaje para que se ocupen.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: z-index
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 14:16.