任务+提醒图标总是平铺

问题  如上图
header内代码如下:
<span class="pipe">|</span><a href="home.php?mod=space&do=notice" id="myprompt"{if $_G[member][newprompt]} class="new"{/if}>{lang remind}<!--{if $_G[member][newprompt]}-->($_G[member][newprompt])<!--{/if}--></a><span id="myprompt_check"></span><!-- 提醒 -->
      <span class="pipe">|</span><a href="home.php?mod=space&do=pm" id="pm_ntc"{if $_G[member][newpm]} class="new"{/if}>{lang pm_center}<!--{if $_G[member][newpm]}-->($_G[member][newpm])<!--{/if}--></a><!-- 短消息 -->
      <span class="pipe">|</span><a href="home.php?mod=space&do=friend">{lang friends}</a> <!--{if $_G['setting']['regstatus'] > 1}--><a href="home.php?mod=spacecp&ac=invite" class="xg1">{lang invite}</a> <!--{/if}--><!-- 好友 -->
<!-- 任务开始 -->
      <!--{if $_G['setting']['taskon']}-->
       <span class="pipe">|</span>
       <!--{if empty($_G['cookie']['taskdoing_'.$_G['uid']])}-->
        <a href="home.php?mod=task&item=new">{lang task}</a>
       <!--{else}-->
        <a href="home.php?mod=task&item=doing" id="task_ntc" class="new">{lang task_doing}</a>
       <!--{/if}-->
      <!--{/if}-->
<!-- 任务结束 -->

CSS代码如下:
/*top*/
#top{margin:0px auto;width:960px;height:28px;border-bottom:1px solid #fff;background:url({STYLEIMGDIR}/tb.png) 0 bottom repeat-x;line-height:28px;}
.top li{float:left;margin-right:10px;}
.top a{color:#666;}
.top ul {float:right}

在你的css代码里面增加一句：

1. .top a.new { background-repeat:no-repeat; padding-left:17px}

复制代码

cr180   谢谢 完美解决问题