web-dev-qa-db-ja.com

正当化されたメニューがJoomlaで機能しない

これは、正当化のトリックを使用して、ナビゲーションを中央に配置し、幅を100%にするためのスタイルのスイートセットです。

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

コードペンやフラットファイルでは問題なく動作します。 Joomlaのインストールでは機能しません。これは私の麺を吹きますが、それはどのようにして可能ですかそれは、赤が機能しないようなものです。誰かがJoomlaで失敗する理由、またはどのようにして私がそれを機能させることができるかを考えることができますか?

必要な詳細情報:

独自のカスタムテンプレートを使用します。すべてのコードを「base」と呼び、CSSにコンパイルするテンプレートがあります。これを使用すると、すべてのulスタイルとすべてのボディスタイルが削除されますが、それでも機能しません。ブートストラップは削除できますが、違いはありません。

新しい情報:この2つの方法を実行しました-完全にJoomla記事で動作します。 Joomlaメニューulsでは完全に機能しません。まったく同じコードを使用して、並べて表示しましたが、メニューモジュールにパイプすると、壊れてしまいます。それは完全に奇妙です。 2つの間に目に見える違いはありません。メニューULをコピーしてそのまま記事に移動すると、機能しません。 liからclass = "item-#"を削除すると、機能しません。これは感動です。それらは同一です!!!

3
Faye

私はこれを解決しました。 Joomlaメニューがコードを一列に並べているのは事実です。

つまり.

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

の代わりに

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

まあ、その考えがあります。みんな遊んでくれてありがとう。

修正:各李の間にスペースを置くことを発見したので、

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

それを修正します。

3
Faye

それはあなたのトリックがinline-blockプロパティに依存しているからです。インラインブロックを適用すると、インライン要素にはレタースペースがあるため、html空白がこれらの要素間のスペースとして表示されます。

Mod_menuの出力のようにHTMLの空白がない場合、インラインブロックにはその文字スペースがなく、疑似要素もありません。

5
Seth Warburton