右对齐并将段落推到div层之外

时间:2013-01-16 05:37:38

标签: html image cell css-tables

这是我的页面:http://www.ostmoconstruction.com/portfolio.php

如果我将鼠标悬停在每行的第一张图像上,则生成的图像是div的完整大小,因此会将第二张图像推到可见度之外。

当我将鼠标悬停在第二张图片上时,我希望发生同样的事情。也许它会将第一个图像推到div层左侧之外并仅显示第二个图像。我尝试将定位设置为绝对开启和左侧:0;这似乎有效,但似乎也不稳定,并且保留了第一张图片的标题(有时与第二张图片的标题相冲突)。

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

我可以尝试一个解决方案冲突标题

p a {
    background:#FFFFFF;
    }

答案 1 :(得分:0)

我最终将图像的位置设置为绝对位置并将其包裹在相对定位的div层中,然后给出两个负左边距以正确对齐。绝对定位允许我将它带到左边,相对定位允许我将另一个图像推到容器div之外。更多信息:Move onmouseover images to the left?