it-swarm-es.tech

Los menús justificados no funcionan en Joomla

De acuerdo, este es un dulce conjunto de estilos para hacer cualquier navegación centrada y 100% de ancho, usando un truco de justificación.

https://Gist.github.com/anonymous/1a1460cf195c058d180d

No funciona ningún problema en codepen o en un archivo plano. NO funciona en una instalación de Joomla. Esto sopla mi fideo, ¿cómo es eso posible? Es como si el color rojo no funcionara. ¿Alguien puede pensar por qué fallaría en Joomla, o cómo exactamente podría hacer que funcione?

Más información solicitada:

Utilizamos nuestra propia plantilla personalizada. Tenemos una plantilla que llamamos 'base' con todo nuestro código en menos, compilando en el CSS. Si uso esto, eliminando todos los estilos ul y todos los estilos de cuerpo, todavía no funciona. Puedo eliminar bootstrap, no hace la diferencia.

Nueva información: He hecho esto de dos maneras: funciona totalmente en un artículo de Joomla. Totalmente no funciona con un menú de Joomla uls. He usado exactamente el mismo código, los puse uno al lado del otro, pero si lo canalizo a través del módulo de menú lo rompe. Eso es completamente raro. No hay diferencia visible entre los dos. Cuando copio el menú UL y lo muevo al artículo, como está, no funciona. Cuando elimino la clase = "item- #" del li, no funciona. Esto es alucinante. ¡Son idénticos!

3
Faye

He resuelto esto. Es el hecho de que el menú de Joomla enumera el código en línea.

es decir.

<li>Item</li><li>Item</li><li>Item</li><li>Item</li>

en lugar de

<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>

Bueno, ahí va esa idea. Gracias por jugar a todos.

Enmienda: Hemos descubierto que poner un espacio entre cada li, entonces

<li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li>

lo arreglará.

3
Faye

Es porque su truco se basa en la propiedad de bloque en línea. Cuando aplica inline-block, el espacio en blanco html aparece como espacio entre esos elementos, porque los elementos en línea tienen un espacio entre letras.

Si no hay espacios en blanco html, como en la salida de mod_menu, entonces sus bloques en línea no tendrán ese espacio de letras, y tampoco su pseudo-elemento.

5
Seth Warburton