css - 修复新闻标题标题/图片

Question

我尝试了很多不同的代码来真正尝试将我的新闻标题、日期、图标和背景结合在一起。现在如果你去http://crusadersscape.com/CSbeta/你会看到我在这方面遇到的小问题(仔细查看标题为“CrusadersScape 正在焕然一新!!”的新闻)，如果你看到作为 CS 图像的新闻图标是与新闻背景图片无关。

在我的 CMS 中，我使用了以下代码:

<div style="width:652px; margin-bottom:0px;">
<div id=news>{category-icon}{title}<em> <div style="float: right;">Posted on {date}</div></em></div>

<div style="text-align:justify; padding:0px; margin-top:0px; margin-bottom:0px; solid #D3D3D3;">{short-story}</div>

<div style="margin-top:0px;">by: {author-name}</div>

<div style="float: right;">[full-link]Read more[/full-link]</div>

</div>

然后在我的 CSS 样式中使用:

#news {
        left: 35%;
    height: 40px;
        width: 652px;
    padding-top:0px;
    padding-bottom:0px;
        background-image: url(/images/newsborder_header.png);
    background-position:inherit; 
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        margin-top:0px;
}
#news_title {
        left: 35%;
    height: 40px;
        width: 652px;
    padding-top:0px;
    padding-bottom:0px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        margin-top:0px;

我想做的是让它们毫无问题地拼接在一起，并且当有不同的类别时，就会显示不同的图标。在将其执行到主布局之前，我试图对所有内容进行编码并使其看起来正确。

Answer 1

在你的css文件中添加这个

#news img {
margin:0 !important;
}

或者简单地删除在 img 标签上内联实现的边距