Thursday, 11th March 2010.

Background Images and CSS in HTML Email

Posted on Thursday, 28th May 2009 by chris

http://www.mailchimp.com/blog/background-images-and-css-in-html-email/
We’ve noticed a few people having issues with background images in their HTML email designs, so we thought we’d post some quick tips here.
Lots of email applications (especially the browser-based ones, like Yahoo!Mail, Hotmail and Gmail) strip out your , and tags. It kinda makes sense, if you think about it. They’re displaying [...]

Tags: ,
Posted in CSS, HTML | Comments (1)

HTML版本引起的object标签显示问题

Posted on Monday, 6th April 2009 by chris

CSS部分：
body
{
margin: 0px;
padding: 0px;
}
object
{
margin: 0px;
padding: 0px;
}
table, tr, td
{
padding: 0px;
margin: 0px;
border: 0px;
}
iframe
{
margin: 0px;
padding: 0px;
}
#body.day
{
background: #F0FF00;
}
#body.night
{
background: #000000 url(“images/night_Scene_body.jpg”) repeat;
}
BODY的内容：
<table style=”background-color: Black;” border=”0″ cellpadding=”0″ cellspacing=”0″
width=”100%”>
<tr>
<td>
<object style=”visibility: visible;” id=”bg_left” data=”night_WhoScene_bg_side.swf”
type=”application/x-shockwave-flash” height=”600″ width=”100″>
<param value=”exactfit” name=”scale”/>
<param value=”window” name=”wmode”/>
<param value=”false” name=”allowfullscreen”/>
</object>
</td>
</tr>
</table><div>
<object style=”visibility: visible;” id=”bg_bottom” data=”night_WhoScene_bg_bottom.swf”
type=”application/x-shockwave-flash” height=”40″ width=”1280″>
<param value=”exactfit” name=”scale”/>
<param value=”window” name=”wmode”/>
<param value=”false” name=”allowfullscreen”/>
</object></div>
对于IE7，显示时上面一个swf跟下面一个中间是没有间隙的，而对于ie8,firefox3,chrome1，显示时，两个flash中间都出现的间隙，整了一整天，也不知道为什么，最后发现在将html头部的
<!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>改成
<!DOCTYPE html PUBLIC “-//W3C//DTD [...]

Tags: , , ,
Posted in CSS, HTML | Comments (0)

Firefox下IFrame显示的BUG

Posted on Thursday, 14th August 2008 by chris

Firefox在显示iframe标签时存在一个问题，请看下面的代码：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>test</title>
</head>
<body>
<iframe src=”http://www.baidu.com” width=”550″ height=”300″ frameborder=”0″ />
<iframe src=”http://www.baidu.com” width=”550″ height=”300″ frameborder=”0″ />
</body>
</html>
你会惊奇的发现它在Firefox下只显示了一个Iframe,而另一个没有显示。而将代码中的有关iframe的两行改成下面这个样子就能正常了：
<iframe src=”http://www.baidu.com” width=”550″ height=”300″ frameborder=”0″></iframe>
<iframe src=”http://www.baidu.com” width=”550″ height=”300″ frameborder=”0″></iframe>
这个问题在Firefox2和Firefox3中都存在，不知何故，IE下是没有这个问题的。

Tags: ,
Posted in HTML | Comments (2)