Foros del Web » Creando para Internet » CSS »

IE7 hace lo que le da la gana con los <li>

Estas en el tema de IE7 hace lo que le da la gana con los <li> en el foro de CSS en Foros del Web. Hola amigos, sigo con el diseño de mi theme para wordpress y me encuentro con el siguiente problema: Tengo un menu en el sidebar creado ...
  #1 (permalink)  
Antiguo 19/10/2008, 14:35
 
Fecha de Ingreso: septiembre-2008
Mensajes: 19
Antigüedad: 9 años, 2 meses
Puntos: 0
IE7 hace lo que le da la gana con los <li>

Hola amigos,

sigo con el diseño de mi theme para wordpress y me encuentro con el siguiente problema:

Tengo un menu en el sidebar creado mediante elementos <li>, con la propiedad list-style:none les quito el tipico bullet que sale a la izquierda. Es entonces, cuando se ven perfectamente alineados a la izquierda, como yo quiero.

El problema viene que en IE7, aunque le quito el bullet mediante list-style:no, sigue dejando el espacio que habria si apareciera dicho punto.

Entonces, si hago un text-indent, para que haya una pequeña sangria entre el titulo (que no lleva sangria) y las categorias (que si la llevan), en Firefox y Opera se aplica esa sangria, pero en IE7, ademas de esa sangria, se le suma el espacio que ya habia que ocupada el bullet.

Como puedo hacer para que en IE7 no se sume dicho espacio tal como pasa en Firefox y Opera?

Os pongo un par de capturas para que veais la diferencia:





Veis la diferencia? Es ese espacio que mete ahi IE7 el que quiero eliminar, porque si ahi, que no tiene ningun text-indent, cuando se lo meto, IE7 lo suma al que ya tiene, aparienciendo siempre mas a la derecha que en Firefox y Opera...

A ver si podeis echarme una mano plis...

GRACIAS
  #2 (permalink)  
Antiguo 19/10/2008, 14:55
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: IE7 hace lo que le da la gana con los <li>

Hola NaSHoOo
Por descartar lo obvio, ¿has probado "padding-left: 0"
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 19/10/2008, 15:01
 
Fecha de Ingreso: septiembre-2008
Mensajes: 19
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: IE7 hace lo que le da la gana con los <li>

Cita:
Iniciado por kseso? Ver Mensaje
Hola NaSHoOo
Por descartar lo obvio, ¿has probado "padding-left: 0"
Un saludo
Ante todo gracias por tu respuesta kseso?

Pues me temo que si, que lo he probado. Pero no hace efecto ninguno.

Si consigo el efecto con la propiedad margin, pero claro, si aplico margen negativo, no solo se me mueve a la izquierda los <li> en IE7, sino que tambien se les aplica el margen negativo en los otros navegadores, y se me descuadra la lista...

No tengo ni idea como puedo arreglar esto...

Un saludo y gracias por adelantado
  #4 (permalink)  
Antiguo 19/10/2008, 15:12
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: IE7 hace lo que le da la gana con los <li>

Bueno, ya lo siento.
Permíteme una sugerencia (en base a tu fecha como usuario registrado):
Coloca el código de tu menú para así ver las distintas propiedades y facilitar que algún usuario pueda ver dónde corregirlo.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 19/10/2008, 15:37
 
Fecha de Ingreso: septiembre-2008
Mensajes: 19
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: IE7 hace lo que le da la gana con los <li>

Gracias por la sugerencia :)

Aqui lo pongo:

Este es el codigo en Wordpress:
Código:
<div id="categorias">
<h2>Categor&iacute;as</h2>
<?php wp_list_cats('sort_column=name&optioncount=0&hierarchical=0'); ?>
</div>
El cual genera este codigo:

Código:
<div id="categorias">

<h2>Categor&iacute;as</h2>

<li class="cat-item cat-item-24"><a href="http://localhost/wordpress/?cat=24" title="Ver todas las entradas de Analisis">Analisis</a></li>

<li class="cat-item cat-item-23"><a href="http://localhost/wordpress/?cat=23" title="Ver todas las entradas de Avances">Avances</a></li>

<li class="cat-item cat-item-26"><a href="http://localhost/wordpress/?cat=26" title="Ver todas las entradas de Eventos">Eventos</a></li>

<li class="cat-item cat-item-1"><a href="http://localhost/wordpress/?cat=1" title="Ver todas las entradas de Noticias">Noticias</a></li>

<li class="cat-item cat-item-25"><a href="http://localhost/wordpress/?cat=25" title="Ver todas las entradas de Reportajes">Reportajes</a></li>

</div>

Y se rige por este codigo css:

Código:
#categorias h2 {
	color: #fff;
	font-family: Arial, sans-serif, Helvetica;
	font-size: 20px;
	margin-bottom: 5px;
	}

#categorias li {
	list-style: none;
	font-family: Arial, sans-serif, Helvetica;
	font-size: 14px;
	line-height: 20px;
	}

#categorias a, a:link, a:visited {
	color: #f90;
	}

#categorias a:hover {
	color: #999;
	}
  #6 (permalink)  
Antiguo 19/10/2008, 16: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: IE7 hace lo que le da la gana con los <li>

Tienes un pequeño problema pero fundamental: los elementos de lista (li) deben ir dentro de una lista (ul ó ol), y tú los tienes sin el elemento que marca propiamente la lista.

Añade <ul> antes del primer <li> y </ul> después del último </li>

Es probable que esto te iguale el tamaño de sangrado.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 19/10/2008, 16:57
 
Fecha de Ingreso: septiembre-2008
Mensajes: 19
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: IE7 hace lo que le da la gana con los <li>

Cita:
Iniciado por Mikmoro Ver Mensaje
Tienes un pequeño problema pero fundamental: los elementos de lista (li) deben ir dentro de una lista (ul ó ol), y tú los tienes sin el elemento que marca propiamente la lista.

Añade <ul> antes del primer <li> y </ul> después del último </li>

Es probable que esto te iguale el tamaño de sangrado.

Diosmio que error mas garrafal!!! tienes toda la razon del mundo mundial...

Ya me lo ha arreglado, muchisimas gracias Mikmoro!!

Si es que cuando uno da con profesionales... ;)

Muchas gracias de nuevo y un saludo!
  #8 (permalink)  
Antiguo 19/10/2008, 17:12
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: IE7 hace lo que le da la gana con los <li>

De nada, es un placer.

Saludos.
__________________
Visita mi nueva web idplus.org
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:10.