预览模式: 普通 | 列表

HTML的代码:

[code]

<div id="comp_top_menu">
<ul>
<li><span><%= date2Chinese(date())%></span></li>
<li><a href="/c.asp?id=<%=comp_id%>"><span>公司首页</span></a></li>
<li><a href="/c.asp?id=<%=comp_id%>&act=1"><span>公司简介</span></a></li>
<li><a href="/c.asp?id=<%=comp_id%>&act=2"><span>产品展示</span></a></li>
<li><a href="/c.asp?id=<%=comp_id%>&act=3"><span>供求信息</span></a></li>
<li><a href="/c.asp?id=<%=comp_id%>&act=4"><span>企业动态</span></a></li>
<li><a href="/c.asp?id=<%=comp_id%>&act=5"><span>招聘信息</span></a></li>
<li><a href="/c.asp?id=<%=comp_id%>&act=6"><span>反馈留言</span></a></li>
<li><a href="/c.asp?id=<%=comp_id%>&act=7"><span>联系方式</span></a></li>

</ul>
</div>
[/code]

查看更多...

Tags: CSS 光标

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7327
工作中的实际需求:相片列表显示,要求图片在上面,文字在下面,因为图片的高度不固定,出于美观的考虑,图片上对齐,文字下对齐比较好看。所以有了这些代码。

CSS代码:

<style type="text/css">
.dr_photo{width:25%;float:left;height:230px;border:1px solid #ACACAC; background:#f0F0F0;margin:10 30px; padding:2px;position:relative;text-align:center;
   }

查看更多...

Tags: DIV底部下对齐 DIV 布局 CSS 居中

分类:网络 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 11476

关于CSS标准的教训

接触CSS标准这个概念,应该是2005年吧,甚至更早些,那时是个潮流,很多网站都在为WEB标准化重构代码,几大门户网站更是带头。但那时网站正处于功能开发阶段,网站的界面方面就没有那么重视,想等以后再来吧。

一时的偷懒,给我带来了无穷的祸患。每当有CSS布局方面的新构想,总得花上半天才能实现。郁闷呀。

前几天在群里经Q友提醒,才重又关注这个。自己正在用的CSS代码一经检验,200多行的代码,错误的竟有100多行,我的天呐!

查看更多...

Tags: CSS 标准 WEB标准 html

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2629