ti-enxame.com

Menus justificados Não funciona no Joomla

Ok, este é um conjunto de estilos agradável para tornar qualquer navegação centralizada e 100% de largura, usando um truque justificado.

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

Funciona sem problemas no codepen, ou um flatfile. NÃO funciona em uma instalação do Joomla. Isso estraga meu macarrão, como isso é possível? É como se a cor vermelha não estivesse funcionando. Alguém pode pensar por que isso falharia no Joomla, ou como exatamente eu poderia fazê-lo funcionar?

O Mais informações solicitadas:

Usamos nosso próprio modelo personalizado. Temos um modelo que chamamos de 'base' com todo o nosso código em menos, compilando para o css. Se eu usar isso, removendo todos os estilos de ul e todos os estilos de corpo, ainda não funcionará. Posso remover o bootstrap, não faz diferença.

Novas informações: Eu fiz isso de duas maneiras - funciona totalmente em um artigo do Joomla. Totalmente não funciona com um menu do Joomla. Eu usei exatamente o mesmo código, coloque-os lado a lado, mas passar pelo módulo de menu o quebra. Isso é completamente estranho. Não há diferença visível entre os dois. Quando copio o menu UL e o movo para o artigo, como está, ele não funciona. Quando eu removo o class = "item- #" do li, ele não funciona. Isso é alucinante. Eles são idênticos !!!

3
Faye

Eu resolvi isso. É o fato de o menu do Joomla listar o código na linha.

isto é.

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

ao invés de

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

Bem, aí vai essa ideia. Obrigado por jogar todos.

Alteração: descobrimos que colocar um espaço entre cada li, então

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

vai consertar isso.

3
Faye

É porque o seu truque depende da propriedade do bloco embutido. Quando você aplica o bloco embutido, o espaço em branco html aparece como espaço entre esses elementos, porque os elementos embutidos possuem espaçamento entre letras.

Se não houver espaço em branco html, como na saída de mod_menu, seus blocos embutidos não terão esse espaço de letras e seu pseudoelemento.

5
Seth Warburton