0

Firefox では正常に動作するが、Google Chrome では動作しない一連の小さな画像があります。htmlコードは次のとおりです。

<li class="links">
<a href="tassa-di-soggiorno"><img src="<?php bloginfo('template_directory'); ?>/images/taxNero.jpg"></a>
<a href="eco-friendly-hotel"><img src="<?php bloginfo('template_directory'); ?>/images/eco.jpg"></a>
<a href="pet-friendly-hotel"><img src="<?php bloginfo('template_directory'); ?>/images/pet.jpg"></a>
<a href="3130"><img src="<?php bloginfo('template_directory'); ?>/images/diverability.jpg"></a>
</li>

そしてcssスタイル：

#nav-bar li.links a {
display: block;
float: left;
margin: 0 1px;
width: 40px;
}

それを見るためのウェブページへのリンクは次のとおりです：http://www.alcappellorosso.it

左側のナビゲーション メニューのすぐ下に画像が表示されます。

4

1 に答える 1

2

CSS を追加します。

#nav-bar li {
 height: 35px;
}

または、デザインに適した価値を提供します。

于 2012-06-18T13:46:39.990 に答える