Javascript 修改模板导致了混乱

我现在正在一个网站上工作，该网站的主页上有一个简短的图片幻灯片。我购买了一个模板，我正在修改它以适应这种情况。修改时，幻灯片下的缩略图行现在与幻灯片分开，拇指不居中。我似乎不明白如何让它在幻灯片下方，并让它们在一行中居中

有什么帮助吗

---

谢谢。

全尺寸图像的高度+填充看起来太高了。元素占用的总空间是高度/宽度+填充+边框+边距。#广告图像包装的高度是正确的，但是填充物使它太高了

#ad-image-wrapper {
   background:url("images/gallery-wrap.jpg") no-repeat scroll 0 0 transparent;
   height:449px; /* change to 425px */
   margin:0 auto;
   padding:12px 0;
   width:650px;
}

对于缩略图，将浮动元素居中有点棘手，但是如果知道宽度不会改变，可以设置宽度和填充以使元素居中

.ad-thumbs {
   height:56px;
   margin:0 auto;
   padding:0 29px;
   width:497px;
}

下面是有关长方体模型的更多信息