html里img有白边<img/>我给它加可以一个width属性，当图片显示不出来的时候，在别的浏览器还好

来源：蜘蛛抓取(WebSpider) 时间：2017-08-22 23:08 标签： html里img有白边
带图片的邮件为什么不能显示？？，邮件html格式要这么写_HTML教程-织梦者
当前位置:&>&&>& > 带图片的邮件为什么不能显示？？，邮件html格式要这么写
带图片的邮件为什么不能显示？？，邮件html格式要这么写
我大部分做的时候，比如图片之类的，先需要上传到服务器上面，然后引用绝对地址，这样的话图片肯定可以出来，写代码的时候需要注意:
不管是整体或是局部的布局，都严格使用TABLE！
@1.尽量利用标签本身的属性达到设计的效果，例如：&img width=&100& height=&100& /&, &td cellpadding=10&
@2.元素背景：background-color全部有效，
background-image, position, repeat，对outlook2007/10,live,gmail无效。
所以非纯修饰用的图片不应该用CSS背景的方式应用。
@3.不要重复定义同样作用的标签属性和css属性，例如&td&的padding属性(css)和cellpadding属性(标签)。
@4.不用简写形式来定义属性的值，如：
font:italic bold 12px/20px arial,sans-,
background: #0F0 url(bgimage.gif) no-。
@5.不要用简写的十六进制数字来定义color属性的值，如不要这么写：color:#f60;要写成：color:#ff6600;
@6.CSS代码得统统写到每个标签的style属性里，无法全局定义。
某些邮件客户端会默认阻止图片显示，如GMAIL. 所以要慎用图片（&img&）！
@1.每个img元素都要定义高度和宽度属性。
@2.要定义ALT属性，若图片失效，文字信息可由该属性显示出来，重要的文字信息应该避免放到图片上显示。
@3.图片格式：
有些客户端不支持8位或24位的PNG图片，所以尽量用gif和jpg格式（带大片同色的用gif，色彩丰富的用jpg）。
@4.想要定位图片浮左浮右，可直接用img标签本身的align属性，如&img align=left /&，别用CSS的float属性。
@5.由于一些莫名的原因，hotmail会在图像下面添加额外的填充，解决这个问题，可以给每个图片加上：&img style=&display:& /&
4.邮件宽度及居中
@1.用来显示主体信息的表格的宽度要&600，
不要只依赖给table标签定义宽度属性，
要为所有单元格都定义好宽度属性。
@2.不需要用CSS来使table居中（虽然大部分邮件客户端也都支持），
只要给主体内容的table设置align=center即可。
特殊情况：hotmail居不了中，因为它会邪恶的给你在最外头包上一个div{display:inline-}
5. 邮件背景
如果想要给整个邮件定义背景图片或者背景颜色，
不要试图用css给body定义背景或者直接定义body的背景。
可以用一个table在外面嵌套，将其宽度定义为100%。
如果要定义背景图片，记得为某些不支持它的邮件客户端提供一个备用的背景颜色
&table width=&100%& style=&background-image:url('***'); background-color:#CCC;&&
有些客户端会覆盖掉自定义的链接样式，所以为了完全避免，使用如下定义方法：
&a style=&color:&&&span style=&color:&&...&/span&&/a&
7.模板变量
在Email模板中，无法依靠css来控制各元素的样式，所以模板变量中尽量不要包含HTML代码，一般情况下只提供纯粹的文本或链接，若包含了，就必须自己控制自己的样式（style属性）。
不过特殊的是图片，若图片是动态变化的，而且不能确定所有图片的尺寸位置神马的都一样，尤其重要的是alt文本值也不一样，这时候要由模板变量提供整个img元素，而且要提供完整的标签属性，比如width, height, alt, align...
Drupal中可以很方便的使用theme('image')或theme('imagecache')
@1. 制作模版时，DTD 可以尽量选用古老的HTML 4.01来限制你加入一些过于现代化的元素。
&!DOCTYPE html PUBLIC &-//W3C//DTD HTML 4.01//EN& &http://www.w3.org/TR/html4/strict.dtd&&
@2.如果可能，不要在&td&标签与其内容之间有空格，ahem, Yahoo! and Hotmail 在某些情况下可能会在td里面的内容的上面或下面添加额外的填充，没有任何明显的原因...
最后，不要忘记测试主流邮件客户端！
尤其是若包含图片，注意看若图片不显示时，文字信息（alt）是否足够表达清楚，整体样式看起来是否太差。
转载：/thread--1.html
以上就是带图片的邮件为什么不能显示？？，邮件html格式要这么写的全文介绍,希望对您学习和使用html网页基础有所帮助.
这些内容可能对你也有帮助
更多可查看HTML教程列表页。
猜您也会喜欢这些文章HTTP 错误 404 - 文件或目录未找到。
友情提示：暂时无法访问该页
404b：您正在访问的页面可能已经删除、更名、内容过期或暂时不可用,所以造成了您的访问出错。
Internet 信息服务 (IIS)
这可能是由于软件或者文章内容陈旧失效或者发布了新版本造成的，请到进行搜索；
可能您会发现更好的内容和更先进的版本。
☉ 请进行以下操作尝试解决本问题：
确保浏览器的地址栏中显示的网站地址的拼写和格式正确无误。
如果通过单击本站站内的链接而到达了该网页，请与我们联系，告诉我们该链接的格式不正确。
单击按钮尝试另外的一个链接。
到我们的论坛发帖提醒
VIP会员请转到& 或 联系客服人员解决问题
你可能会在找到你需要的内容，因此请等待，页面即将跳转到主站
：新手学习的最佳去处
如果您对本站有任何疑问、意见、建议、咨询，请致信管理员E-mail：@
我们在等待你的投稿，你的作品无论是软件或者动画和文章，投稿页面：/tg.html
☉ 版权所有 Copyright &
All rights reserved331234人阅读
本文地址：
提示：请直接按CTRL+F搜索您要查找的转义字符。
quotation mark = APL quote
less-than sign
greater-than sign
no-break space = non-breaking space
iSO 8859-1 characters
char glyph
Math symbols
Latin Extended-B
char glyph
char glyph
Mathematical Operators
char glyph
General Punctuation
char glyph
Miscellaneous Technical
char glyph
Geometric Shapes
char glyph
Miscellaneous Symbols
char glyph
Letterlike Symbols
char glyph
char glyph
Special characters for HTML
C0 Controls and Basic Latin
char glyph
Latin Extended-A
char glyph
Spacing Modifier Letters
char glyph
General Punctuation
char glyph
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1792626次
积分：14926
积分：14926
排名：第778名
原创：333篇
转载：127篇
评论：390条
(1)(5)(1)(4)(2)(6)(1)(1)(7)(3)(4)(6)(1)(2)(3)(1)(5)(4)(8)(6)(2)(4)(1)(6)(11)(11)(15)(15)(16)(18)(29)(13)(29)(23)(19)(27)(16)(21)(23)(11)(9)(22)(20)(5)(1)(4)(1)(10)(9)&td&ID是指元素的某个特定id ，比如样式中，特定某个值，类似属性有：class, title, style, dir, lang,
, name等，也也可以通过JavaScript 调取TD属性通过ID改变TD的BGCOLOR值，代码例如：
&script language=\\"javascript\\"&var docBody=function MouseBgColor(tdid){docBodyTd=document.getElementById(tdid);if(!docBody){}docBody.style.background='#E1F4EE'; }&/script&&td id=\\"list\\" onclick=\\"MouseBgColor('list');\\"& 答案补充可以利用javascript脚本，onclick行为，改变指定id的单元格属性
其他答案（共6个回答）
定义和用法 可插入一个简单的换行符。 标签是空标签（意味着它没有结束标签，因此这是错误的：）。在 XHTML 中，把结束标签放在开始标签中，也就是 。 标签呈现...
HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为...
是指有链接的文字,下面详细解说:a:link指正常的未被访问过的链接;a:active指正在点的链接;a:hover指鼠标在链接上;a:visited指已经访问...
手机是移动4G的吧?而你的卡是联通,电信的。。网络制式不支持
答: 如何在“种树”界面添加对联 如果不是增加明显不需要太刻意控制的
答: cisco网络技术是一个为CTO、IT技术经理、网络工程师、安全工程师、数据库工程师、网络管理员、系统工程师、开发工程师、项目管理人员等IT技术人员搭建的有关先...
答: 我想学网页制作、网络维护、电脑维护可有比较好的学习网站或者论坛推选一下？你好！网易学院
大家还关注
确定举报此问题
举报原因(必选)：
广告或垃圾信息
激进时政或意识形态话题
不雅词句或人身攻击
侵犯他人隐私
其它违法和不良信息
报告，这不是个问题
报告原因(必选)：
这不是个问题
这个问题分类似乎错了
这个不是我熟悉的地区

我要回帖

更多关于 html里img有白边 的文章

 

随机推荐