it-swarm-eu.dev

Menu giustificati Non lavorare in Joomla

Va bene, questo è un dolce set di stili per rendere qualsiasi navigazione centrata e larga al 100%, usando un trucco giustificato.

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

Funziona senza problemi in codepen o in un file flat. NON funziona su un'installazione Joomla. Questo mi fa impazzire, come è possibile? È come se il colore rosso non funzionasse. Qualcuno può pensare al motivo per cui fallirebbe su Joomla o come potrei farlo funzionare esattamente?

Maggiori informazioni richieste:

Usiamo il nostro modello personalizzato. Abbiamo un modello che chiamiamo 'base' con tutto il nostro codice in meno, compilando il CSS. Se lo uso, rimuovendo tutti gli stili ul e tutti gli stili del corpo, non funziona ancora. Posso rimuovere bootstrap, non fa differenza.

Nuove informazioni: l'ho fatto in due modi: funziona totalmente in un articolo di Joomla. Totalmente non funziona con un menu Joomla uls. Ho usato lo stesso identico codice, li ho messi fianco a fianco, ma lo instrado attraverso il modulo menu lo rompe. È completamente strano. Non c'è alcuna differenza visibile tra i due. Quando copio il menu UL e lo sposto nell'articolo, così com'è, non funziona. Quando rimuovo class = "item- #" da li, non funziona. Questo è strabiliante. Sono identici !!!

3
Faye

Ho risolto questo. È il fatto che il menu Joomla elenca il codice in linea.

cioè.

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

invece di

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

Bene, ecco l'idea. Grazie per aver giocato a tutti.

Emendamento: abbiamo scoperto che mettere uno spazio tra ogni li, quindi

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

lo aggiusterò.

3
Faye

È perché il tuo trucco si basa sulla proprietà del blocco inline. Quando si applica il blocco inline, lo spazio bianco HTML viene visualizzato come spazio tra quegli elementi, poiché gli elementi in linea hanno spaziatura tra le lettere.

Se non c'è spazio HTML html, come nell'output di mod_menu, i blocchi in linea non avranno quello spazio lettere, e nemmeno il tuo pseudo-elemento.

5
Seth Warburton