图库 - 如何使用div或p类对图像进行分组

时间:2012-11-26 00:24:10

标签: html gallery image

这就是我在我的图库中为图像添加HTML的方式:

<p class="crop">
<img src="image1.jpg" alt="image1.jpg" /></p>
<p class="crop">
<img src="image2.jpg" alt="image2.jpg" /></p>

但是,使用像这样的p类会使它们成为单独的图像而不是一组图像,因此我的下一个/上一个箭头不起作用。

我需要让它们成为一组图像,以便画廊中的箭头可以再次正常工作,但我想保留p类,因为我需要它来裁剪图像。我怎么能绕过这个?

以下是裁剪类的CSS:

.crop{
float:left;
display:inline;
margin:2px;
overflow:hidden; /* this is important */
position:relative; /* this is important too */
width:320px;
height:240px;
}
.crop img{
position:absolute;
top:-0px;
left:-0px;
}

以前我问过这个问题的链接:How can get around this issue in my image gallery?很遗憾没有一个解决方案有效。

1 个答案:

答案 0 :(得分:0)

我看到你在一两个小时前发布了这个完全相同的问题,我接受了和/或建议没有达到预期的结果?虽然我认为重复的问题在这里不受欢迎,但我是否可以建议至少链接到您之前的问题,以便人们可以告知自己之前的回答尝试?我希望看到你对人们已经建议的回答,但不能,因为我找不到原来的问题。

当您尝试以前的建议时发生了什么?

注意:我意识到这不是一个答案,但我需要更多信息来帮助你,而我还没有足够的“代表”来发表对其他人帖子的评论。请不要反对我:)

如果您发布了CSS代码,那么我们也可以理解所需的效果。