奇新CMS/header头部代码及样式

<div id="header"></div>头部定义，代码如下：

<div id="header">
 <span class="logo" id="logo"><a title="" href="#"><img title="" alt="" src="/logo.jpg"></a></span>
<span class="banner" id="banner"></span>
</div>

CSS样式示例：

#header { position:relative;background:#abd8e3;margin:0;overflow:hidden;height:120px;}
#header .logo{padding:0 ;z-index:3;position:absolute;left:25px;top:5px;width:200px;
text-align:center;line-height:110px;height:110px;vertical-align:middle;overflow:hidden;}
#header .logo a {display:block;outline:none;line-height:105px;
*height:110px;_height:110px;height:110px;vertical-align:middle;text-align:center;width:200px;}
#header .logo a  img{line-height:110px;vertical-align:middle;max-width:200px;max-height:110px;}

说明：.logo为Logo定义样式，后台上传网站Logo，.banner为Banner区域样式，添加图片或Flash动画。

参考来源

• http://cms.zfqjava.com.cn/archive/article/1/article-1634.html