搜索列表
-
CSS图片翻转菜单
【CSS/HTML】如果用传统的方法制作这个翻转菜单,至少需要把图片切成10椋挂由螶S代码,在图片按钮上再加行为,现在完全用CSS来实现,图片只要一张,见下图。 CSS代码:#imgmenu{ width: 450px; height: 25px; /*高度是背景图片的一半*/ background: url(../images/navbg.gif); list-style-type: none; padding: 0px; margin:...
|CS|SS|S图|图片|片翻|翻转|转菜|菜单|单| -
未知大小图片在已知容器中的垂直和水平居中问题
【CSS/HTML】除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 CSS布局中,未知大小图片的垂直居中,一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了,但对IE没用,几个月前在国外网站看到了一则对IE的解决方法,感觉不是很理想,也没当回事。最近看到经常...
|未知|知大|大小|小图|图片|片在|在已|已知|知容|容器|器中|中的|的垂|垂直|直和|和水|水平|平居|居中|中问|问题|题| -
CSS解决未知高度垂直居中的问题
【CSS/HTML】除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 原文标题:Vertical Centering in CSS 副标题:Yuhu's Definitive Solution with Unknown Height 翻译:forestgan 尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图...
|CS|SS|S解|解决|决未|未知|知高|高度|度垂|垂直|直居|居中|中的|的问|问题|题| -
利用相对定位及偏移量做精美输入界面
【CSS/HTML】利用相对定位和偏移量属性,可以很好的实现以前需要用图片才能实现的界面,而且实现起来比也很方便。例如,当需要用户输入某些信息,我们常常会用到:标题栏-内容-确定按钮 这种结构,下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是: 标题栏图片有向上的偏移量。利用样式:top:-10px;position:relative; 可...
|利用|用相|相对|对定|定位|位及|及偏|偏移|移量|量做|做精|精美|美输|输入|入界|界面|面| -
不用float实现模块居中布局
【CSS/HTML】最常见实用的布局形式:上、中左、中右、底四个模块,宽度760px,整体页面居中。 结构代码,top left right foot 四个模块全部独立、互不嵌套。 <div id="top">head</div> <div id="left"> <div id="left_module">left</div></div> <div id="right"> <div id="right_module">right</div></d...
|不用|用f|fl|lo|oa|at|t实|实现|现模|模块|块居|居中|中布|布局|局| -
用CSS构建iframe效果
【CSS/HTML】iframe应用很普遍,通常的需求有两种: 1,获取iframe效果,就是带一个滚动条,可以省不少版面。 2,要嵌一个页面,实现框架链接。 如果不方便使用iframe,可以有如下解决方案: 第一种需求如果我们使用CSS布局来实现,即可以少一个页面,也可以提高效率。 第二种需求可以采用xmlhttp远程获取。A. 直接模拟ifram...
|用C|CS|SS|S构|构建|建i|if|fr|ra|am|me|e效|效果|果| -
认识CSS中absolute与relative
【CSS/HTML】很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方而言的呢?那他们又有什么样的特性,可以做出什么样的效果呢?关于两者之间又有什么样的技巧呢?下面我们就来一一解读。 Absolute,CS...
|认识|识C|CS|SS|S中|中a|ab|bs|so|ol|lu|ut|te|e与|与r|re|el|la|at|ti|iv|ve|e| -
单纯使用CSS实现动态提示信息
【CSS/HTML】也许已经有人发现可以这样写... CSS代码部分 a.info { position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none } a.info:hover { z-index:1; background-color:#ff0 } a....
单纯使用CSS实现动态提示信息 -
用DIV+CSS如何实现这种表格效果
【CSS/HTML】表格效果table [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]表格效果div+css #div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul...
用DIV+CSS如何实现这种表格效果 -
IE图片下空隙问题解决方法集合
【CSS/HTML】 看到问此问题的很多,所以花点时间整理下,欢迎大家提意见,做补充修改,谢谢!问题如下: div { width:500px; border:1px solid #f00; background:#000; } [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]解决方法:一、改变HTML的排列 div { width:500px; border:1px solid #f00; background:#000; } [C...
IE图片下空隙问题解决方法集合 -
标准化——表格
【CSS/HTML】对于那些刚接触CSS布局的人来说,常对如何使用表格(table)感到迷惑。我在很多地方看到人们把“避免用表格来布局”理解成“完全不使用table标签”。值得注意的是,表格是可以用的而且非常好用——只要用的正确。 是的,你得尽量的去避免用表格来布局。但是对于表格型数据,你就应该使用table。我想谈谈如何使用表格来组织表...
标准化——表格 -
UTF-8编码第1/2页
【ASP编程】参考文档:http://www.linuxforum.net/books/UTF-8-Unicode.html 代码如下: =========================================== 复制代码 代码如下:<script language="VBScript"> 'http://www.linuxforum.net/books/UTF-8-Unicode.html Public&nb...
UTF-8编码