Tema: menu lista
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 03/11/2011, 17:58
lubtufano
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 12 años, 9 meses
Puntos: 72
Respuesta: menu lista

Creo que esto se debe a que FireFox considera como nodo de texto los saltos de linea que hay en le código fuente, entonces hay que evitar los saltos de linea en el código HTML entre el cierre y la apertura de los elementos <li> para eliminar ese espacio indeseado. Se puede poner todos los elemento <li> en una sola linea o para que no quede una linea tan larga ponerlos de una forma parecida a esta.

Código HTML:
Ver original
  1. <ul>
  2. <li class="fbar">&nbsp;</li><li class="menuItem"><a href="">
  3. <img src="img/sample_slides/Untitled-1.png" alt="thumbnail" /></a></li><li class="menuItem"><a href="">
  4. <img src="img/sample_slides/Untitled-1.png" alt="thumbnail" /></a></li><li class="menuItem"><a href="">
  5. <img src="img/sample_slides/Untitled-1.png" alt="thumbnail" /></a></li><li class="menuItem"><a href="">
  6. <img src="img/sample_slides/Untitled-1.png" alt="thumbnail" /></a></li><li class="menuItem"><a href="">
  7. <img src="img/sample_slides/Untitled-1.png" alt="thumbnail" /></a></li><li class="menuItem"><a href="">
  8. <img src="img/sample_slides/Untitled-1.png" alt="thumbnail" /></a></li>
  9. </ul>

Lo importante es evitar el salto de linea entre </li> y <li>