-
动态宽度的框架设计:等宽导航栏
所属栏目:[产品] 日期:2018-09-18 热度:51
随着宽屏显示器的流行,越来越多的网站采用了动态宽度的设计,以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂,今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目:[产品] 日期:2018-09-18 热度:136
导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种: 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-18 热度:118
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-09-18 热度:122
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-09-18 热度:107
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote:first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容:[www.veryhuo.com] 2.样式[详细]
-
Web设计经验:网页布局中的黄金分割
所属栏目:[产品] 日期:2018-09-18 热度:120
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至我们人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程:如何设计网页布局?
所属栏目:[产品] 日期:2018-09-18 热度:53
这是初学者可能会问的问题,其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果[详细]
-
蒙版flash在网页图片上的显示
所属栏目:[产品] 日期:2018-09-18 热度:103
Copy to Clipboard 引用的内容:[www.veryhuo.com]table width=756 border=0 align=center cellpadding=0 cellspacing=0 tr td valign=toptable width=756 border=0 cellspacing=0 cellpadding=0 tr td background=images/top.jpgobject classid=clsid:D27[详细]
-
网页设计中Hover属性的充分利用
所属栏目:[产品] 日期:2018-09-18 热度:53
通常,我们改变:font color,font styles, border styles,background等属性来实现hover的划过效果。但是其实我们可以运用hover做更多的东西。我们可以运用它美化设计,减少混乱和显示更多的额外信息。在这篇文章中,我将展示许多站点出色运用hover属性[详细]
-
网站导航栏的设计趋势
所属栏目:[产品] 日期:2018-09-17 热度:64
前言 今天在一国外网站看到一篇08年的文章,讲的是网站导航栏的设计趋势,写得相当全面,而且其中一些趋势到现在还是很新潮的,翻译一下,有删改。 正文 导航是网站设计中最重要的元素。由于用户很难在没有导航的情况下去浏览一个网站里的内容,因此一个设[详细]
-
区别div和span、relative和absolute、display和visibility
所属栏目:[产品] 日期:2018-09-17 热度:58
div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性,今天简单的罗列出它们的区别与使用要点,供大家参考。 一、div和span的区别 div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网[详细]
-
Border-style:double在IE和FireFox之间的差异
所属栏目:[产品] 日期:2018-09-17 热度:59
Css中我们经常使用border属性来实现边框效果。在所有的border-style中,solid一直为我们常用。尽管dotted属性我们也经常用到,但是该属性在IE中效果很差。这篇文章要讨论的是另外一个我们不经常用到的属性:double。 下面是border-style:double属性在IE和F[详细]
-
前台开发从头说起:关于web标准化
所属栏目:[产品] 日期:2018-09-17 热度:67
虽然CSS在表现方面天生具有很多优势,但是如果不是web标准化的盛行,估计CSS不会达到今天这样的热门。所以要说CSS,肯定要从web标准化说起。实际上,对CSS的理解越深,才能越好地理解和使用CSS。 很多人对于web标准化的理解就是DIV+CSS,或者IE、FF、 Chro[详细]
-
完美解决Dreamweaver打开关闭时弹出的错误提示
所属栏目:[产品] 日期:2018-09-17 热度:172
这两天打开Dreamweaver CS4,总是弹出一个错误,写着: 在onLoad运行RecordsetFind.htm时,发生了以下 Java Script错误: 在文件RecordsetFind中: findRs is not defined 在关闭Dreamweaver CS4的时候也会弹出一个类似的错误, 在onLoad运行TeamAdminTempD[详细]
-
Dreamweaver代码模式输入不自动提示的解决方法
所属栏目:[产品] 日期:2018-09-17 热度:81
Dreamweaver代码不自动提示的问题,不论是HTML还是CSS,在网上搜索了半天,大部分是Ctrl+Space的方法,也就是说Dreamweaver的代码自动提示快捷键和输入法切换相冲突,按他们的方法,我的根本解决不了。 后来终于找到了解决方法:打开Dreamweaver的编辑》首[详细]
-
获取元素和鼠标的位置(兼容所有浏览器)
所属栏目:[产品] 日期:2018-09-17 热度:159
获取元素和鼠标的位置(兼容IE6.0,IE7.0, IE8 .0,FireFox2.0,FireFox3.5, Opera ),该功能是我一同事钻研出来的,目标是为了实现与QQ自定义布局和拖放模块类似的功能。 Copy to Clipboard 引用的内容:[www.veryhuo.com]//获取元素的位置 function getLef[详细]
-
IE不支持option的display样式的解决方案
所属栏目:[产品] 日期:2018-09-17 热度:136
想实现一个很简单的功能:当选中中介时,不显示求购与求租。本以为通过display:none即可实现,结果发现在option元素上使用display:none在firefox中有效,在IE6、IE7、 IE8 中都无效。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:/[详细]
-
多层模态窗口showModalDialog页面提交及刷新
所属栏目:[产品] 日期:2018-09-17 热度:77
1 在第N(N1)层的模态页面中,如果想链接到其他页面或者刷新当前页,只能用 window.name = __self; window.open(window.location.href, __self) //注意是2个下划线 替换 location.href 2 当需要关闭第N(N1)层的模态窗口,并刷新第N-1层的模态页面时, 为防止[详细]
-
图片的alt(替换文本)属性描述
所属栏目:[产品] 日期:2018-09-17 热度:160
图片ALT属性的本意是当图片无法正常显示时以文字形式代替显示出来,是为了给那些无法看到文档中图像的网页访问者提供文字说明。 如: Copy to Clipboard 引用的内容:[www.veryhuo.com]div id=logoimg src=Images/202.gif width=119 height=40 alt=logo //[详细]
-
在IE与火狐下window.event对象的区别
所属栏目:[产品] 日期:2018-09-16 热度:198
window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event.pageY。 通用:两者都有event.clientX和event.client[详细]
-
图形动态显示投票结果的实现方法?
所属栏目:[产品] 日期:2018-09-14 热度:120
问题: 如上图所示,投票项是动态,如何控制动态控制image的长度?为什么image的长度都是一样,如何区别不同行的image长度,不知是Gridview的原因还是?如果有更好的实现方式就更好哦。 回答: 图片的长度无非是图片的宽度,就用一个图片背景,根据投票人[详细]
-
可覆盖Flash的网页飘浮广告代码
所属栏目:[产品] 日期:2018-09-14 热度:164
烈火网(LieHuo.Net)教程 网页的广告展示的形式是越来越多了,从对联广告、弹出窗口广告、右下/左下、弹出层、飘浮等等,不胜枚举!今天我们就来说一下网页飘[详细]
-
Return false;与return;两语句有什么区别?
所属栏目:[产品] 日期:2018-09-14 热度:130
烈火网(LieHuo.Net)教程 Q:在网页脚本中,return false;与return;两语句有什么区别? A:他们之间的区别如下:[详细]
-
网页设计中字体的应用问题
所属栏目:[产品] 日期:2018-09-14 热度:142
font set 概念:字体按优先顺序组成一个列表 通用字体 serif和sans-serif(浏览器找不到前面的字体后将采用浏览器默认字体) -serif 印刷学上指衬线字体(满足末端加强的字体) 比较常见的衬线字体(比较适合做正文)有 Georgia, Garamond, Times New Roman, 中[详细]
-
英文的自动换行的问题与兼容性解决方法
所属栏目:[产品] 日期:2018-09-13 热度:107
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 h[详细]