微微族

gmail 邮件中css无效style无效background image背景图片无效不显示的解决办法

几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通，如注册确认、营销推广。这些由站方发给会员的信件，往往纯
文本格式已不能满足界面和交互的要 求，这时候我们就需要发送HTML页面。由于HTML邮件不是独立的HOST在本站的页面，是寄人篱下的。所以编写HTML邮件与编写HTML页面有很大 的不同。因为，各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进行过滤。毫无疑问，JS代码是被严格过滤掉的，包括所有的事件监听 属性，如onclick、onmouseover，这是基于邮件安全性的考虑。不仅如此，CSS代码也会被部分过滤。本人要讲的就是如何编写不被各大主流 邮箱过滤的，能正常显示的HTML邮件。

gmail会自动过滤掉 head里的<style>设置的css，所以必须要把css写在html里面。

例如 <div style=”font-size:14px;”>

另外，gmail不支持在css里定义background里的image，包括background:url(”…”)和background-image:url(“..”)

解决办法是 在div的外面加上一层  <table>和<td>

并在<td>里加上background属性，例如

<table>

<tr>

<td  background=”http://www.vivizu.com/test.jpg”>

<div>test</div>

</td>

</tr>

</table>

呵呵 ，就可以看到背景图片了

ENCTYPE=”multipart/form-data”用于表单里有图片上传。<form name=”userInfo” method=”post” action=”first_submit.php”    ENCTYPE=”multipart/form-data”>表单标签中设置enctype=”multipart/form-data”来确保匿名上载文件的正确编码。如下：<tr>      <td height=”30″ align=”right”>上传企业营业执照图片：</td>      <td><INPUT TYPE=”FILE” NAME=”uploadfile” SIZE=”34″    onChange=”checkimage()”></td>    </tr>就得加ENCTYPE=”multipart/form-data”。
表单中enctype=”multipart/form-data”的意思，是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；只有使用了multipart/form-data，才能完整的传递文件数据，进行下面的操作.enctype=”multipart/form-data”是上传二进制数据; form里面的input的值以2进制的方式传过去。form里面的input的值以2进制的方式传过去，所以request就得不到值了。 也就是说加了这段代码,用request就会传递不成功,取表单值加入数据库时，用到下面的：SmartUpload su = new SmartUpload();//新建一个SmartUpload对象su.getRequest().getParameterValues();取数组值su.getRequest().getParameter( );取单个参数单个值

大家基本上都是用中文写博客，我们也知道国内用的是简体中文，而港台澳和其他海外的华人用的是正体中文，也就是我们所说的繁体字。严格地说简体中文是繁体中文的阉割版，因为它是在繁体中文的基础上简化而来的。细心一点分析我们的统计就会发现，我们的读者不仅仅限于国内朋友，还有很多来自港台澳和国外的华人朋友也通过各种渠道来到我们的博客。简体字经过几十年的发展，已经深入到国内的每一个行业。但是很明显，简体字对于这些朋友来说很陌生，比较形象的说法是“缺胳膊少腿”。
上网的时候我们会发现很多网站都有繁体版本，通过导航栏上的一个按钮就可以把网页上的文字从简体中文变成繁体中文。很多主机商也提供类似于“简繁通”之类的产品，当然，是需要收费的。那么，怎么让我们的博客不用花钱也能支持简繁转换呢？
我们看到国内的很多博客用户都在自己的主页上添加了Google的翻译挂件，通过简单的设置让Google来为我们把网页从简体中文翻译成繁体中文或英语。而我介绍的这个简繁转换，是通过js的方式实现的。下面我就以WordPress为例说明一下：
(全文…)

用了这么多年的CSS，现在才明白CSS的真正匹配原理，不知道你是否也跟我 一样？看1个简单的CSS：

DIV#divBox p span.red{color:red;}，按习惯我们对这个CSS 的 理解是，浏览器先查找id为divBox的DIV元素，当找到后，再找其下的所有p元素，然后再查找所有span元素，当发现有span的class为 red的时候，就应用该style。多么简单易懂的原理，可是这个理解却是完完全全相反、错误的。

(全文…)

很多时候XML格式错误会有特殊符号的问题。需要转换的 目前就这几个

‘ ” < > 被转换成了 & apos; & quot; & lt; & gt;

Mark~

补充

下面是五个在XML文档中预定 义好的实体:

&lt; < 小于号
&gt; > 大于号
&amp; & 和
&apos; ‘ 单引号
&quot; ” 双引号

实体必须以符号”&”开 头，以符号”;”结尾。
注意: 只 有”<” 字符和”&”字符 对于XML来说是严格禁止使用的。剩下的都是合法的，为了减少出错，使用实体是一个好习惯。

(全文…)

弹出层经常用到，编辑修改，提交小东西等，下面总结一下自己用到过的几类弹出层。

1：简单的显示隐藏div

   function Show()
    {
        document.getElementById('bot').style.display = '';
    }
    function Hide()
      {
           document.getElementById('bot').style.display = 'none';
      }

     <a  href="#"   onclick="Show('<%#Eval("ID")%>','<%#Eval("val1") %>')">修 改</a>

     <div id="bot" style="z-index:100; border:1px solid #333;  height:360px; width:301px; padding:20px; display:none; position:absolute; left:20%; top:20%; background:#f3f3f3">
      用户名：
      <input type="button" id="Button2"  value="取 消"
      style="height: 21px; margin-top:30px;" onclick="Hide()"  />
    </div>

2: 可以鼠标拖动的，并且背景置灰的 (全文…)

输入测试字符串： &nbsp;<input type=”text” onblur=”test(this.value);”>

<script language=”javascript”>
<!–
//测试匹配情况
function test(inputVal)
{
//去除首尾空格
inputValinputVal = inputVal.replace(/^\s*|\s*$/g,”");
//零长字串不作处理
if ( inputVal.length == 0 )
{
return;
}
//只能匹配数字,字母或汉字
var _match = inputVal.match(/^[a-zA-Z0-9\u4e00-\u9fa5]+$/g);
//匹配数字或字母(包括大小写)
var codeMatch = inputVal.match(/[a-zA-Z0-9]/g);
//匹配汉字
var charMatch = inputVal.match(/[\u4e00-\u9fa5]/g);
//数字或字母个数
var codeNum = codeMatch ? codeMatch.length : 0;
//汉字个数
var charNum = charMatch ? charMatch.length : 0;
//成功
if ( _match && codeNum + 2*charNum <= 12 )
{
alert(“输入正确!”);
return;
}
//失败
alert(“输入错误!”);
}
//–>
</script> (全文…)

只需要在fckconfig.js里增加
FCKConfig.ToolbarSets["Basic"] ；
把里面不需要的功能删了就可以了
(全文…)

觉得很全，分享一下，以下为作者iiduce所言“诗词中有：“名花韵在年晴初，雨沁胭脂脸更敷。”，你知道胭脂是什么颜色么？“回眸一笑百媚生，六宫粉 黛无颜色。”中的这个“黛”又是指什么颜色呢？“漆黑一片”里漆黑真的就是完全的黑色吗？在下面这个Web设计中的中国传统色彩速查表，你可以得到准确的 答案。

(全文…)

这个例子演示如何使用YUI Core

创建一个YUI实例

<html>
<body>
<div id="wrapper" style="width:100px;height:100px;background-color:Yellow;">
i am a div!
</div>

<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui.js"></script>  
<script>
YUI().use('node', function(Y) {
//在此操作dom
 var wrapper= Y.one('#wrapper');
 Y.log('Found node.. Setting style');
 wrapper.setStyle('backgroundColor', '#D00050');
 wrapper.set('innerHTML', '<strong>Changed!</strong>');
});
</script>
</body>
</html>

(全文…)