内联图像和堆叠

时间:2013-04-08 22:58:03

标签: html css image block

我不确定此持有人页面的代码有什么问题。 有些东西打破了格式,我确信它与内联块和清除框有关。

有人能引导我朝着正确的方向前进吗?我以前没有完全从图像中创建一个页面。

这条线在渲染时它的高度为127px - 但是图像只有121px。

<a class="imageleft" href="#"><img src="images/4.jpg" width="76" height="121"></a>

谁能看到我在这里错过的东西?

网站: http://michaelbirchall.com/etc/dvd-page/

提前致谢。

2 个答案:

答案 0 :(得分:1)

问题是有一个继承的font-size。它也会影响你最底层的图像,但它并不明显,因为它下面没有任何其他图像。由于您的页面是所有图像,因此将其设置为0应该没问题。

http://jsfiddle.net/2ZVVX/6/

<强> CSS

* {
  margin: 0;
  padding: 0;
  font-size: 0;
}

答案 1 :(得分:0)

.imageleft是一个inline-block元素,这意味着行高会影响它。只需设置line-height: 0就可以了:

http://jsfiddle.net/2ZVVX/5/