Foros del Web » Creando para Internet » CSS »

Imagen dentro de un tab

Estas en el tema de Imagen dentro de un tab en el foro de CSS en Foros del Web. Hola. Tengo una imagen con 100px de altura dentro de un tab que tiene 50px de alto. ¿Como hago para que el tab no se ...
  #1 (permalink)  
Antiguo 17/07/2008, 01:49
 
Fecha de Ingreso: julio-2007
Mensajes: 50
Antigüedad: 10 años, 4 meses
Puntos: 0
Imagen dentro de un tab

Hola. Tengo una imagen con 100px de altura dentro de un tab que tiene 50px de alto. ¿Como hago para que el tab no se deforme? Hasta el momento, las pestañas del tab se deforman en altura y "cubren la imagen". Mi intención es que la imagen quede por encima de la pestaña. Les muestro el código:

<li class="disabled" style="z-index: 1;">
<a href="#">
<em>
MAGO
<span style="z-index: 2;">
<img src="estrellas.png"/>
</span>
</em>
</a>
</li>

La imagen estrellas.png tiene 100px y el li tiene 50px. He probado a utilizar z-index pero nada. Alguna idea? Les dejo una imagen:
  #2 (permalink)  
Antiguo 17/07/2008, 03:41
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: Imagen dentro de un tab

Quizá lo más sencillo sería poner la imagen como fondo en lugar de incrustarla. Si no, podrías probar poniéndole overflow: hidden a la clase disabled.

Mikel.
  #3 (permalink)  
Antiguo 18/07/2008, 01:46
 
Fecha de Ingreso: julio-2007
Mensajes: 50
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: Imagen dentro de un tab

Si pongo la imagen de fondo ocurre lo mismo. La opción de overflow:hidden tampoco es viable, desaparece la imagen y el tab se deforma. De cualquier manera, gracias por la ayuda. Un saludo
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 16:39.