Category Archives: 页面设计

主要是网页设计,CSS

base 标签,所有链接在新页面中打开

实用的html标签<base> <base href=”…” target=”…”> 能定义超链接等的基本行为,有人喜欢所以链接都在新页面中打开,让我改……差点冲动去一个个改,结果发现了这个标签,只要 <base target=”_blank”> 那么所有没有特别指定target属性的超链接都会在新页面中打开。 这个标签能做的不止这个,href属性可以定义默认的路径,如果指定此属性则页面中所有相对路径(对图片路径也有效)都会以此为参考。 更多细节请参考:http://www.w3schools.com/tags/tag_base.asp

Posted in 页面设计 | Tagged | Leave a comment

要死,对ie有偏见导致看不清楚事实……

今天的车票钱没白费…… 有一页面,编码utf-8,设置了<meta charset=utf-8>,使用了iframe,内部的编码也是utf-8;在ie中,页面主体显示正常,iframe内乱码;FireFox等中全部正常;结果草率的下结论认为是ie的bug。 事实是ie虽然比较弱,但只要在iframe包含的页面中也添加<meta>标签设置编码,ie也是能正确显示的。

Posted in 页面设计 | Tagged | Leave a comment

margin:0px auto在IE中无效的正解——DOCTYPE

今天做个页面,想居中,代码简化如下: <body> <div style=”width:1003px; margin:0px auto;”> … </div> </body> 在Firefox和Opera中均能正确居中,而IE却始终居左,先前做网页都用同样的方法,却只有这次不行。 由于实际代码比较复杂,怕是其他代码干扰所致,干脆全部注释掉了再看——终究还是不行。看了看自己以前所做页面的源代码,也看不出个所以然来 ,只好上网搜索。 有的说这个CSS是兼容浏览器的写法,也有说这个CSS在IE中不起作用的。 说兼容,我这次明明是写了一样的代码却不成;说不起作用,以前都这样写的却能正确显示。 终于找到了一篇文章让我找出了问题的根本,该文作者提到“CSS 兼容要点:DOCTYPE 影响 CSS 处理”。 我再比较了代码,确实这次没有在<html>标签之前加上<!–DOCTYPE … –> ,于是把以前的文件中的复制了过来。再保存、刷新。果然就能正确显示了。到此终于弄明白了margin:0px auto;在IE中无效的真正原因。 对于前面提到的两种说法,原来都可以说是正确的,只是没有说清楚前提,或者作者根本没意识到有这么个前提 ……其实细想之下,出现这种情况也在情理之中,DOCTYPE中可供选择的规范有很多,但很少有人去关心这些规范之间的差别,很多网页制作工具都能自动生成这一行,就算用文本编辑器写页面的人,也不至于把这些规范的写法都背下了,总是要的时候去以前的代码,或者随便打开个网页,把头几行内容都复制过来,慢慢再改。再加上现在的浏览器的超强容错性,大家就不去在意这些了……

Posted in 页面设计 | 2 Comments

javascript href=’#’ 页面不滚动

<a href=”#” onclick=”function();return false;” ></a>

Posted in tip, 页面设计 | Tagged | 2 Comments