如何在firefox和ie里把ul和li左边的空白消掉
[ 2012-07-16 10:11:08 | 作者: admin ]
ul 标签在Mozilla中默认是有padding值的,而在IE中只有margin有值.
一般来说，先定义
IE6 Li标签左边多出16像素(px)宽度的BUG
偶然发现，IE６的Li标签左边会多出16px的宽度，即使把list-style-type设置成none。而在Firefox中却是正常的（IE其它版本没测试，不过应该是和Firefox一样的）。
经验证，其实是IE６的list-style-position属性造成的，默认情况下，Firefox中list-style-position值为outside,即列表项符号会在LI标签的外面显示。而IE６的默认值则相反(inside)。不过这还不是问题关键，IE６完全是属于占着茅坑...
阅读全文…
一般来说，先定义
UL{
margin:0;
border:0;
padding:0;
}
margin:0;
border:0;
padding:0;
}
IE6 Li标签左边多出16像素(px)宽度的BUG
偶然发现，IE６的Li标签左边会多出16px的宽度，即使把list-style-type设置成none。而在Firefox中却是正常的（IE其它版本没测试，不过应该是和Firefox一样的）。
经验证，其实是IE６的list-style-position属性造成的，默认情况下，Firefox中list-style-position值为outside,即列表项符号会在LI标签的外面显示。而IE６的默认值则相反(inside)。不过这还不是问题关键，IE６完全是属于占着茅坑...
阅读全文…
<base id=＂headbase＂ />中base标签的作用，拒绝网站镜像和解决模板的目录问题
[ 2012-06-28 13:55:08 | 作者: admin ]
ps. 这个标签可以用来网站被镜像
查看网页源码，发现里面多了下面一段base代码：
<base id="headbase" href="http://blog.52news.com/" /> 于是百度了一下，解释为：
base标签的作用是给网页中的链接指定一个默认的URL前缀
或者是指定一个target，比如：<base target="_blank" />
指定了base之后，页面相对链接会自动加上base的href
<img src="images/a.jpg"> 就变成了 <img src="http://blog.52news.com/images/a.jpg">
还可以指定为相对根目录 <base id="headbase" href="/web1/" />
<a href="/1.html">链接1</a> 实际链接为 /1.html
<a href="1.html">链接2</a> 实际链接为 /web1/1.html
查看网页源码，发现里面多了下面一段base代码：
<base id="headbase" href="http://blog.52news.com/" /> 于是百度了一下，解释为：
base标签的作用是给网页中的链接指定一个默认的URL前缀
或者是指定一个target，比如：<base target="_blank" />
指定了base之后，页面相对链接会自动加上base的href
<img src="images/a.jpg"> 就变成了 <img src="http://blog.52news.com/images/a.jpg">
还可以指定为相对根目录 <base id="headbase" href="/web1/" />
<a href="/1.html">链接1</a> 实际链接为 /1.html
<a href="1.html">链接2</a> 实际链接为 /web1/1.html
Dreamweaver正则表达式进行批量替换
[ 2012-06-18 11:23:56 | 作者: admin ]
p.s. 使用正则这个东西做点事情往往事半功倍，而且学习简单，有个参考表就可以了
删除所有yiqifa的前置链接，把下面的正则替换为空
查找所有超链接，不包括http:// 和已经有了/
\shref\s*=["'][^(http)(/)]
href\s*=['][^(http)(/)]
href\s*=(["'])([^(http)(/)])
href=$1/$2
正则表达式将不同内容，替换或增加一些内容
比如我们要把<a href='wholesale-wedding-dresses.html' > 增加一个/
需要在查找框里把要查找的数据用括号分组， 如href\s*=(["'])([^(http)(/)])
...
阅读全文…
删除所有yiqifa的前置链接，把下面的正则替换为空
http://p\.yiqifa\.com/c\?\S*&t=
查找所有超链接，不包括http:// 和已经有了/
\shref\s*=["'][^(http)(/)]
href\s*=['][^(http)(/)]
href\s*=(["'])([^(http)(/)])
href=$1/$2
正则表达式将不同内容，替换或增加一些内容
比如我们要把<a href='wholesale-wedding-dresses.html' > 增加一个/
需要在查找框里把要查找的数据用括号分组， 如href\s*=(["'])([^(http)(/)])
...
阅读全文…
jquery 实现iframe 自适应高度
[ 2012-06-09 23:19:35 | 作者: admin ]
超级简单的方法，也不用写什么判断浏览器高度、宽度啥的。
下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。
注意别放错地方了哦。
iframe代码，注意要写ID
<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
jquery代码１：
阅读全文…
下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。
注意别放错地方了哦。
iframe代码，注意要写ID
<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
jquery代码１：
//注意：下面的代码是放在test.html调用
$(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;
...$(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;
阅读全文…
基于Jquery的经典UI框架 DWZ富客户端框架设计思路与学习建议
[ 2012-04-01 09:22:09 | 作者: admin ]
DWZ富客户端框架设计目标是简单实用、扩展方便灵活、快速开发、RIA思路、轻量级
设计思路
第一次打开页面时载入界面到客户端, 之后和服务器的交互只是数据交互, 不占用界面相关的网络流量.
支持HTML扩展方式来调用DWZ组件.
基于jQuery标准化Ajax开发, 降低Ajax开发成本.
学习DWZ的建议
通读DWZ文档，很多问题文档中都写了，初学者最好先读一遍文档。
看demo每个组件演示效果和代码（留意组件html结构）。
建议安装firebug，用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍。
对于初学者不建议看DWZ全部源码，但还是非常有必要看看dwz.ui.js和dwz.ajax.js
可以从google code下载dwz_thinkphp版本或dwz4j(Java版本)，结合后台程序去理解DWZ和服务器端的交互方式
...
阅读全文…
设计思路
第一次打开页面时载入界面到客户端, 之后和服务器的交互只是数据交互, 不占用界面相关的网络流量.
支持HTML扩展方式来调用DWZ组件.
基于jQuery标准化Ajax开发, 降低Ajax开发成本.
学习DWZ的建议
通读DWZ文档，很多问题文档中都写了，初学者最好先读一遍文档。
看demo每个组件演示效果和代码（留意组件html结构）。
建议安装firebug，用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍。
对于初学者不建议看DWZ全部源码，但还是非常有必要看看dwz.ui.js和dwz.ajax.js
可以从google code下载dwz_thinkphp版本或dwz4j(Java版本)，结合后台程序去理解DWZ和服务器端的交互方式
...
阅读全文…
img的padding样式在ie下不起作用的解决办法
[ 2012-03-30 09:31:09 | 作者: admin ]
最近对一个网站进行改版，在首页的css文件中有这样一个定义：
.index_zj_img{
border:1px solid #999;
padding:3px;
}
在火狐下工作正常，但在IE下并没有出现期望的图片距离边框3像素，忙了一早上终于搞定了，只需在<html>标记前加上下面的申明即可：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
博客来源：http://www.gomaomao.com/Blog/html/css/img-padding-doctype.moo
.index_zj_img{
border:1px solid #999;
padding:3px;
}
在火狐下工作正常，但在IE下并没有出现期望的图片距离边框3像素，忙了一早上终于搞定了，只需在<html>标记前加上下面的申明即可：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
博客来源：http://www.gomaomao.com/Blog/html/css/img-padding-doctype.moo
javascript window.print() 打印问题？预览时图片正好，打印到A4上时变小？
[ 2012-03-14 16:58:14 | 作者: admin ]
p.s. 图片的话就自适应好了，不要强制设宽度和高度
问题：预览时图片占屏幕的左半部，打印后图片变小，打印的图片是A4纸的一半，现在是想让打印部分按纸张大小打印，不是窗口按纸张大小打印，该怎么设置呢？
1。把你的css里的长度单位改成毫米（mm）,不要用像素（px），用磅（pt）也行.如果是默认没写单位就是像素（px），也是要改的。因为像素是浏览器的单位也就是窗口的单位，而毫米或者磅是打印后的纸面上单位。
2。在页面打印的时候要设置浏览器的纸张参数，就是点文件-〉页面设置。把上下左右宽度间距设置好。还要去掉标题页头页角之类的，要不打印会把url都打出来。
3。设置css的时候可以加上 media="print" ,css 默认值是both,最好写两套css。一套是print,一套是screen.因为print的 意思是在打印的时候会采用的css样式，screen就是浏览器显示的样式。所以，有的时候都是用显示与打印不一样的样式。例如：
...
阅读全文…
问题：预览时图片占屏幕的左半部，打印后图片变小，打印的图片是A4纸的一半，现在是想让打印部分按纸张大小打印，不是窗口按纸张大小打印，该怎么设置呢？
1。把你的css里的长度单位改成毫米（mm）,不要用像素（px），用磅（pt）也行.如果是默认没写单位就是像素（px），也是要改的。因为像素是浏览器的单位也就是窗口的单位，而毫米或者磅是打印后的纸面上单位。
2。在页面打印的时候要设置浏览器的纸张参数，就是点文件-〉页面设置。把上下左右宽度间距设置好。还要去掉标题页头页角之类的，要不打印会把url都打出来。
3。设置css的时候可以加上 media="print" ,css 默认值是both,最好写两套css。一套是print,一套是screen.因为print的 意思是在打印的时候会采用的css样式，screen就是浏览器显示的样式。所以，有的时候都是用显示与打印不一样的样式。例如：
...
阅读全文…
jquery延期批量设置投票值的实现方法
[ 2012-02-22 11:07:02 | 作者: admin ]
p.s. 这个实现方法很多，用jquery当然更方便
阅读全文…
<head>
<script src="jquery.js"></script>
<script>
//头部先定义好赋值函数
function SetVoteNum(voteID,voteValue) {
$("#pnum_" + voteID).text(voteValue);
}
</script>
</head>
<body>
<!--列出数据-->
<span id="pnum_1">0</span>
<span id="pnum_2">0</span>
<span id="pnum_3">0</span>
。。。
<!--批量设置-->
<script language="javascript1.2">
<%
set rs = conn.execute("select id,hits from news where classid=1 ")
...<script src="jquery.js"></script>
<script>
//头部先定义好赋值函数
function SetVoteNum(voteID,voteValue) {
$("#pnum_" + voteID).text(voteValue);
}
</script>
</head>
<body>
<!--列出数据-->
<span id="pnum_1">0</span>
<span id="pnum_2">0</span>
<span id="pnum_3">0</span>
。。。
<!--批量设置-->
<script language="javascript1.2">
<%
set rs = conn.execute("select id,hits from news where classid=1 ")
阅读全文…
