好的,所以我正在通过WordPress创建旅游博客。我做了一些小提琴,包括地图和一些桌子,它们在小提琴中效果很好。但是,现在我将其放到我的网站上了-它搞砸了。我认为与CSS有关的事情弄乱了-但是我找不到位置。

我遇到最多问题的页面位于:

http://www.journeywithandrew.com/world-heritage-sites-reviews-info/

问题(1):
地图信息框(单击图标时)未正确显示CSS。
小提琴在这里:http://jsfiddle.net/4V7en/4/
您可以看到它的外观。

问题(2):
使用CHROME或iOS浏览器时,我施加的融合层无法正确显示。因此,再次参考上面的小提琴。它可以正确显示在小提琴和Internet Explorer中,但不能正确显示chrome。如您所见,图层在我的网站上的某些地方变形了。 (例如,如果您在澳大利亚地图上向左滚动-例如)

问题(3):
在我的复选标记按钮周围,我放在它们的桌子上似乎有一个边框。为什么!?!我试图在表(等)中删除它,但是它不起作用。不知道是什么CSS造成的!

我认为仅此而已。如果有人可以看一下该站点,尤其是使用chrome,则可以看到问题所在。

.caption-title-link {
    text-decoration:none;
    color:#41a62a;
    font-size:12px;
    font-family: verdana;
    font-weight: bold;
}


谢谢!!

最佳答案

1。添加填充:10em;到.infobox,目前替换padding:.5em 1em。这应该使内容坐得更好。

2。不太了解这个问题

3。目前,您的Td设置为

边框宽度:0 1px 1px 0;

删除border-width并替换为border:none

边界:无;

谢谢

10-08 11:59