标题图像底部边框

时间:2012-08-30 23:36:11

标签: css

我在Phorum模板上的标题图片中添加了一个底部边框,这样它就像是页面上的顶部黑线。但是,它不是像最上面那样从块的最左边开始,当我扩展它的宽度时,它向右走......但是没有离开。我试图让它与顶部的那个相同,就在标题图像的下方。有什么想法吗?

www.cigarcache.com/forum

#phorum #header {
margin: -8px 0px 10px 0px;
}

#phorum #header img {
margin: 0px;
}

#phorum #header_bottom_gap {
height: 15px;
}

#phorum #logobottom {
border-bottom: 1px solid {breadcrumb_border_color};
}


<div id="header">
<div id="logobottom"><a href="http://www.cigarcache.com"><img
src="{URL->TEMPLATE}/images/header.png"
width="{header_width}" height="{header_height}" alt="" border="0" /></a></div>
</div>

谢谢你们!

2 个答案:

答案 0 :(得分:0)

#body-main左右填充38px - 这就是为什么存在差距。

答案 1 :(得分:0)

最快的解决方案是从#body-main中删除整个标题div并将其粘贴到#body-main上方并略微调整样式。

#phorum #logobottom {
/*border-bottom: 1px solid black;*/
}

#phorum #header {
margin: 0px 0px 10px 0px;
border-bottom: 1px solid black;
padding:0 38px;
}