好的,所以我正在通过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
边界:无;
谢谢