jquery - 分割構造。画像表示エラー

Question

私は小さなウェブサイトに取り組んでいます。

Firefox と IE の「グラフィカルな」問題を示すために、インデックスを Web サイトにロードしました。

問題はこれです：

Safariはページを正常に表示しています。すべてが正しく機能します。「セクション」の画像は細かく、正しく添付されています。

Firefox と IE では、関連する画像「カスケード」を含む div 構造が正しく表示されません。つまり、「ボタン」の間にスペースが見えます。画像は添付されていません。流動的ではありません。

マージン0、imgタグのボーダー0、cssのパディング0でcssを試しました。

私は経験豊富なプログラマーではなく、学んでいる初心者です。何がそのような問題を引き起こす可能性がありますか?

ここに、問題を示す 2 つの img リンクがあります。

サファリ：ここに画像の説明を入力

ファイアフォックス: ここに画像の説明を入力

score 1 · Accepted Answer

これを試して：

css プロパティを追加

display: inline-block;

それらの画像で使用される「a」要素に。

score 0 · Accepted Answer

Try adding

#blocco_centrale div a {
  line-height: 0px;
}

or

#blocco_centrale div a {
  display: block;
}

in to your stylesheet. It will fix the issue. But I recommend you to use a better HTML structure and CSS.

2 に答える 2