0

jQuery を使用して、ナビゲーションのアクティブなリスト要素 (ul li.active) に画像を追加しています。正常に動作します。

設計上の目的で、この画像を絶対位置に配置し、 a を追加して中央に配置したいと思いleft: 50%;ます。OS X の Firefox(最新) と Windows XP の Safari を除くすべてのブラウザで問題なく動作します。これらleft: 50%;は UL に相対的に適用され、LI には適用されません。position: relative;

それが機能する場所では、画像は LI のコンテンツの下の中央に表示されます。

URL : http://aerokure.steveforest.com/produits/insecticides-pour-le-jardin.html ロゴの下の黒いメニューです。

display: block;一部の人が示唆しているように、imgにaを付けようとしました:何もありません。

なんでも？

ありがとう

4

2 に答える 2

1

私は問題を見つけました

高さ = ul 要素を削除

float:left = li 要素を追加

マージン:0; = 要素

うまくいきます

于 2012-04-27T14:00:14.687 に答える
0

リスト項目の表示を「table-cell」から次のように変更する必要があると思います。

display: inline-block;

そして、次のものを削除します。

margin-bottom: 8px;

スタイリング。これは私にとってはうまくいくようです（OSX上のFirefox）。

画像の幅の半分の負のマージンを設定すると、実際に画像を中央に配置できます。

margin-left: -10px;
于 2012-04-27T14:17:32.743 に答える