﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>IT博客-Favor Soup | 反胃书屋-随笔分类-Web设计</title><link>http://www.cnitblog.com/dickznew/category/4030.html</link><description>斯是陋室，惟吾德馨。</description><language>zh-cn</language><lastBuildDate>Thu, 29 Sep 2011 17:22:38 GMT</lastBuildDate><pubDate>Thu, 29 Sep 2011 17:22:38 GMT</pubDate><ttl>60</ttl><item><title>网页制作细节提示（一）</title><link>http://www.cnitblog.com/dickznew/archive/2007/04/03/25095.html</link><dc:creator>D主</dc:creator><author>D主</author><pubDate>Tue, 03 Apr 2007 02:35:00 GMT</pubDate><guid>http://www.cnitblog.com/dickznew/archive/2007/04/03/25095.html</guid><wfw:comment>http://www.cnitblog.com/dickznew/comments/25095.html</wfw:comment><comments>http://www.cnitblog.com/dickznew/archive/2007/04/03/25095.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/dickznew/comments/commentRss/25095.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/dickznew/services/trackbacks/25095.html</trackback:ping><description><![CDATA[<ol>
    <li>使用图像切片时，如果在包含每块切片的表格单元格&lt;td&gt;与图片元素&lt;img&gt;之间有换行，图片下方会莫名其妙的多出一块留白。此时设置valign="top"也不起作用，最简单的办法是尽量连着写：&lt;img src=""&gt;&lt;/td&gt;&lt;/tr&gt; </li>
    <li>使用内联框架做导航的时候，链接&lt;a&gt;一定要加上target="_top"属性；当需要获取包含iframe的页面的href时，使用parent.location.href；需要获取iframe自身页面href时使用window.loaction.href。 </li>
    <li>javascript的获取子字符串的方法既有substr(start, length)，也有subsring(start, end)，注意区别。 </li>
    <li>关于页面编码的问题，当页面选定某种编码方式charset=xxx，最好在ultraEdit等一类编辑器中手动选择一下编码格式，使之与设定的xxx相同，防止出现乱码。建议xxx使用utf-8。 </li>
    <li>中文字体大小最好在12px，最大不宜超过16px，否则非常难看，而font-family建议选择Arial一族，不要选择在英文版或其他版本操作系统上可能没有的中文字体。</li>
</ol>
<img src ="http://www.cnitblog.com/dickznew/aggbug/25095.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/dickznew/" target="_blank">D主</a> 2007-04-03 10:35 <a href="http://www.cnitblog.com/dickznew/archive/2007/04/03/25095.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>IE和FF兼容问题记录</title><link>http://www.cnitblog.com/dickznew/archive/2007/03/29/24855.html</link><dc:creator>D主</dc:creator><author>D主</author><pubDate>Thu, 29 Mar 2007 06:38:00 GMT</pubDate><guid>http://www.cnitblog.com/dickznew/archive/2007/03/29/24855.html</guid><wfw:comment>http://www.cnitblog.com/dickznew/comments/24855.html</wfw:comment><comments>http://www.cnitblog.com/dickznew/archive/2007/03/29/24855.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/dickznew/comments/commentRss/24855.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/dickznew/services/trackbacks/24855.html</trackback:ping><description><![CDATA[
		<font face="Verdana">此文专门记录本人在网页设计中遇到的IE和FF兼容问题以及解决办法。<br /></font>
		<br />1. 要将鼠标移到某块内容之上的形状设为手型，在IE下可以直接使用以下代码：<br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: courier new; BACKGROUND-COLOR: #eeeeee"><img src="http://www.cnitblog.com/images/OutliningIndicators/None.gif" align="top" /><span style="COLOR: #000000">document.getElementById(id).style.cursor</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">'hand'</span></div>然而这行代码在FF下面没有作用，需要更改为：<br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: courier new; BACKGROUND-COLOR: #eeeeee"><img src="http://www.cnitblog.com/images/OutliningIndicators/None.gif" align="top" /><span style="COLOR: #000000">document.getElementById(id).style.cursor</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">'pointer'</span></div>这样在IE和FF下都可以奏效。<br /><br />2. 在IE下可以这样：<br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: courier new; BACKGROUND-COLOR: #eeeeee"><img src="http://www.cnitblog.com/images/OutliningIndicators/None.gif" align="top" /><span style="COLOR: #000000">document.all.Layer1.style.</span></div>来设置某个ID为Layer1的元素的CSS属性，然而在FF下面这样做没有任何效果。应该采取以下通用写法：<br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: courier new; BACKGROUND-COLOR: #eeeeee"><img src="http://www.cnitblog.com/images/OutliningIndicators/None.gif" align="top" /><span style="COLOR: #000000">document.getElementById('Layer1').style.</span></div><br />3. 待续...<br /><img src ="http://www.cnitblog.com/dickznew/aggbug/24855.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/dickznew/" target="_blank">D主</a> 2007-03-29 14:38 <a href="http://www.cnitblog.com/dickznew/archive/2007/03/29/24855.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>常用HTML转义字符</title><link>http://www.cnitblog.com/dickznew/archive/2006/10/23/18272.html</link><dc:creator>D主</dc:creator><author>D主</author><pubDate>Mon, 23 Oct 2006 03:14:00 GMT</pubDate><guid>http://www.cnitblog.com/dickznew/archive/2006/10/23/18272.html</guid><wfw:comment>http://www.cnitblog.com/dickznew/comments/18272.html</wfw:comment><comments>http://www.cnitblog.com/dickznew/archive/2006/10/23/18272.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/dickznew/comments/commentRss/18272.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/dickznew/services/trackbacks/18272.html</trackback:ping><description><![CDATA[
		<table bordercolordark="#ffffff" align="center" border="1" cellpadding="2" cellspacing="0" width="400">
				<tbody>
						<tr>
								<td bgcolor="navy">
										<span>
												<font color="white">HTML 原代码</font>
										</span>
								</td>
								<td bgcolor="navy">
										<span>
												<font color="white">显示结果</font>
										</span>
								</td>
								<td bgcolor="navy">
										<span>
												<font color="white">描述</font>
										</span>
								</td>
						</tr>
						<tr>
								<td>
										<span>&amp;lt;</span>
								</td>
								<td>
										<span>&lt;</span>
								</td>
								<td>
										<span>小于号或显示标记</span>
								</td>
						</tr>
						<tr>
								<td>
										<span>&amp;gt;</span>
								</td>
								<td>
										<span>&gt;</span>
								</td>
								<td>
										<span>大于号或显示标记</span>
								</td>
						</tr>
						<tr>
								<td>
										<span>&amp;amp;</span>
								</td>
								<td>
										<span>&amp;</span>
								</td>
								<td>
										<span>可用于显示其它特殊字符</span>
								</td>
						</tr>
						<tr>
								<td>
										<span>&amp;quot;</span>
								</td>
								<td>
										<span>"</span>
								</td>
								<td>
										<span>引号</span>
								</td>
						</tr>
						<tr>
								<td>
										<span>&amp;reg;</span>
								</td>
								<td>
										<span>®</span>
								</td>
								<td>
										<span>已注册</span>
								</td>
						</tr>
						<tr>
								<td>
										<span>&amp;copy;</span>
								</td>
								<td>
										<span>©</span>
								</td>
								<td>
										<span>版权</span>
								</td>
						</tr>
						<tr>
								<td>
										<span>&amp;trade;</span>
								</td>
								<td>
										<span>™</span>
								</td>
								<td>
										<span>商标</span>
								</td>
						</tr>
						<tr>
								<td>
										<span>&amp;ensp;</span>
								</td>
								<td>
										<span> </span>
								</td>
								<td>
										<span>半个空白位</span>
								</td>
						</tr>
						<tr>
								<td>
										<span>&amp;emsp;</span>
								</td>
								<td>
										<span> </span>
								</td>
								<td>
										<span>一个空白位</span>
								</td>
						</tr>
						<tr>
								<td>
										<span>&amp;nbsp;</span>
								</td>
								<td>
										<span> </span>
								</td>
								<td>
										<span>不断行的空白</span>
								</td>
						</tr>
				</tbody>
		</table>
<img src ="http://www.cnitblog.com/dickznew/aggbug/18272.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/dickznew/" target="_blank">D主</a> 2006-10-23 11:14 <a href="http://www.cnitblog.com/dickznew/archive/2006/10/23/18272.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>