《别具光芒》勘误专用[08年7月25日修正2条]
由于书后期时间紧，比较仓促，因此存在错误，特在此开一个勘误的帖子，希望大家能把错误投诉到这里，我汇总一下。谢谢。
对于错误造成的麻烦，向大家道歉。
《别具光芒》的详细介绍
---------------------------------
23.第248页 #recommend 层代码错误
应该是
#recommend {
padding:0 0 8px 7px;
}
源代码是正确的
感谢 忘孤城 提供错误信息。
24.第250页 给“购买”、“收藏”两个按钮定义类属性，ie6内有双倍margin的BUG问题
可针对ie6添加CSS：
.buy, .favorite {
display: inline;
}
感谢 忘孤城 提供错误信息。
---------------------------------
1. 第9章图9-13，排版时图片插错了，应该是下图。
2.第9章rank层、info层的h1标题与下面的列表ol（ul）块脱节
那个空是被h1默认的大号字撑开的。
修正方法是，在basic.css文件内添加h1的定义如下：
h1 {
font-size:1em;
}
font-size:1em;
}
感谢 阿呆 提供错误信息。
3. 第10章登陆部分按钮错位。
增加如下定义(红色部分)：
#f_login_enter {
top:8px;
background:url(../img/btn_login.gif) no-repeat;
}
top:8px;
background:url(../img/btn_login.gif) no-repeat;
}
感谢 阿呆 提供错误信息。
4.第168页最下面代码的文字输入错误。
.desugber a:hover {......
应该为：
.designer a:hover {......
请同时修改实例文件。
感谢 YoYo 提供错误信息。
5.第206页图8-68 设置links层的css规则。
dw面板参数截图错误，basic.css文件没有错。
实际面板参数如下图（红色部分为修改）：
感谢 YoYo 和 tinxon 提供错误信息。
6.第211页图8-88 设置friends层的css规则。
dw面板参数截图错误，main.css文件没有错。
实际面板参数如下图（红色部分为修改）：
感谢 YoYo 提供错误信息。
7.第240页login层的css规则。
书中背景图片的名称错误，css应该如下（红色部分为修改）：
#login {
background: url(../img/login_bg.jpg) no-repeat;
padding-top:49px;
}
background: url(../img/login_bg.jpg) no-repeat;
padding-top:49px;
}
css文件无错误
感谢 YoYo 提供错误信息。
8.第243页sort层的css规则拼写错误。
宽度定义拼写错误，应该如下（红色部分为修改）：
#sort {
background:#EEE;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
text-align:left;
width: 158px !important;
width /**/: 160px;
}
background:#EEE;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
text-align:left;
width: 158px !important;
width /**/: 160px;
}
css文件也需要修改。
感谢 YoYo 提供错误信息。
9.第269页图10-16的图释错误。
应该如下：
图10-16 main层和link2层的背景图片切片
感谢 tinxon 提供错误信息。
10.光盘里的[/第四章/important.html]文件里少了重要性的说明。
p {
color: blue !important;
}
感谢 nickuy 提供错误信息。
11. 第209页，图8-83，排版时图片插错了，应该是下图。
感谢 四月的下午 提供错误信息。
12. 第94页，步骤(13)文字错误，应该为：
(13) 删除自动插入的文字“此处显示 id"main"的内容”和“此处显示 id"box"的内容”。
感谢 优质鲜澄多 提供错误信息。
13. 第208页，最后一行中
统一定义[#mian div] ，应为#main div。
感谢 优质鲜澄多 提供错误信息。
14.第242页最下面的
<h1>按珠宝性质分类</hi>
<ul id="sort_h_2">
<ul id="sort_h_2">
应该为下面红色部分，光盘代码没有错误
<h1 id="sort_h_2">按珠宝性质分类</h1>
<ul>
<ul>
感谢 JaMmy.M.坚 提供错误信息。
15.第250图9-59上面的html代码
<dd class="btn buy"><a href="#" title="点击购买此商品">购买</a></dd>
<dd class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></dd>
<dd class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></dd>
应该为下面红色部分，光盘代码没有错误
<li class="btn buy"><a href="#" title="点击购买此商品">购买</a></li>
<li class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></li>
<li class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></li>
感谢 JaMmy.M.坚 提供错误信息。
16.第85页，第（7）步骤第三小步
“在文字的背景色■上单击”
书中印刷为黑色■，应该为■，即文字橙色背景。
感谢 萨克思风7号 提供错误信息。
17.第10页，文字错误
“XHTML（The Extensible ....,可扩展起文本标记语言）”
应为“可扩展超文本标记语言”
感谢 britage 提供错误信息。
18.第38页，文字错误
4.1.2中的文字“标新立意”
应为“标新立异”
感谢 地狱使者 提供错误信息。
19.第40页，文字错误
Mozzla Firefox
应为“Mozilla Firefox”
感谢 地狱使者 提供错误信息。
20.第45页，HTML代码错误
</body>前多了一个“</ul>”
感谢 Freezing_Point 提供错误信息。
21.第209页图8-80
截图的窗口显示login的css规则定义在basic.css中
应该是定义在main.css中。
感谢 大力小米 提供错误信息。
22.第209页图8-79至图8-85中“main.css”拼写错误
图8-79 至 图8-85 中标示在mian.css中
应该是在main.css中。
感谢 东方龙马 提供错误信息。
-----------------------------
再次为错误抱歉。
此日志的引用地址
GB2312 http://www.ddcat.net/blog/tback.php?id=141&encode=gb2312
UTF-8 http://www.ddcat.net/blog/tback.php?id=141&encode=utf-8
45 条评论
1. 好神秘 | 07.02.26 1:05 pm
在过年之前就下了这本书,可是一直都没有看,今天看了一下实例,就点到你这个链接上来了!你的论坛和网站我看了半天,真的好羡慕你呀!看来自己要加紧学习了,比起你,我现在是一无所知呀!以后会经常来这里学习的!
2.我也是 | 07.03.22 5:45 am
好爱
好爱
呵呵
3.ljun | 07.03.27 7:21 pm
今天刚买的.印的很漂亮,让我更有信心看下去.
你的网站是我学习的动力`很漂亮
----------------------------------
猫回复：
谢谢支持，欢迎常来。
4. 阿呆 | 07.04.07 2:48 pm
第9章实例中rank层和Info层的h1标题背景图与下面的ol（ul）块脱节，导致在ol（ul）设置的上边框与h1背景图上下之间有空隔。
在IE下浏览很容易看到，在FireFOX下浏览却显示正常，我也纳闷，一时没想出解决办法，恕我学识浅薄，烦请猫猫帮忙解决：）
----------------------------------
猫回复：
方法见上文，谢谢！
5. Rain | 07.04.29 4:01 pm
早想学div+css，从你的书启蒙了。
有个问题~
你书中前几个例子都没用到clear:right/left",
第九章用到几处
如：“#new {width:453px;float:left;clear:left”}。
有点糊涂了~~~
虽然你说：为了防止该层与上面的浮动元素冲突。还是没明白。
为有的层没用到哪？
比如：#recommend , 第8章#nav，#main 的css设计
可能我还没有理解div，烦请再帮忙解释，谢谢~~
----------------------------------
猫回复：
clear不是必须要用，主要要看具体情况。
一般用的最多的是一个不浮动的元素内的子元素全部浮动，那么这个不浮动的元素在ff和opera中看没有高度，因此需要在这个不浮动元素后面的元素来清除浮动。
还有一些其他情况。
6. rain | 07.04.29 4:07 pm
发了一条怎么没显示？
----------------------------------
猫回复：
为了避免广告贴，因此设定留言审核。
7. TINXON | 07.05.18 11:41 pm
貌似光碟内第七章实例：首页的CSS文件中下划线部分拼写有错误。猫猫去看看！
----------------------------------
猫回复：
是home.css么？
text-decoration: none;？
这个？
8. 小壮 | 07.05.20 9:19 pm
从图书馆里借来的书，配的光盘早已经不知去向了。请问，可以提供光盘的内容吗？谢谢。
----------------------------------
猫回复：
光盘的内容比较多，网站空间放不下，不过你可以搜索一下，别的网站有下载的。
9. tinxon | 07.05.23 12:03 am
第206页图8-68
宽度改为313px 底部填充10px
猫猫改正後还是有点错误
----------------------------------
猫回复：
汗.......真是无地自容了......
好奇怪，当初怎么截的图呢？
10.小壮 | 07.05.27 10:47 am
谢谢。
找到了，正在下载。
11.清|雨中无伞 | 07.05.27 9:30 pm
呵呵,我也开始学了,以前浪费很长时间.要补回来..
12. tinxon | 07.05.30 8:51 pm
呵呵，第九章那个H1真是很晕人呢，一开始在sort层发现的问题，找来找去没解决办法，没想到还是字体太大撑的……
13.HTML也能 | 07.05.31 12:03 pm
HTML也能实时更新,或都跟数据库相连呀
14. TINXON | 07.06.01 4:25 pm
猫我又发现一个问题，第九章实例：recommend层buy按钮的a定义不出颜色。你看看设计原稿和网页中的buy按钮的颜色是有区别的。该怎么办呢？在DW中浏览正常，IE出错，FF正常。
----------------------------------
猫回复：
是按照书里的步骤做不出来效果么？
这里说不方便，去论坛说吧。
http://www.ddcat.net/bbs2007/forumdisplay.php?f=4
15. TINXON | 07.06.03 1:49 am
书269页图10-16标注错误，应该是MAIN和LINK2层的背景图片切片
----------------------------------
猫回复：
多谢多谢~~
16. nickuy | 07.06.19 2:21 pm
楼主::第47页图4-10中.光盘里的[/第四章/important.html]文件里少了重要性的说明
17.WZQ | 07.06.20 9:58 pm
能不能将制作网页的过程录制成屏幕录象啊！
----------------------------------
猫回复：
嗯，这个，高科技啊~~~~
18.四月的下午 | 07.07.10 1:35 am
第八章，209页，图8-83有错误。
与8-82图重复。
----------------------------------
猫回复：
收到，多谢！！
19. 优质鲜澄多 | 07.07.16 1:30 pm
书94页最下面的重复了好像。
删除自动插入的文字“此处显示id"main"的内容”和“此处显示id"main"的内容”。
有一个main应该改成box……
我也是做第七章的时候链过来的，谢谢您的书~|~
----------------------------------
猫回复：
收到，多谢！！
20. 优质鲜澄多 | 07.07.17 9:59 pm
不好意思我又来了……
我发现208页好多main都写成mian了……
比如8.3.4标题里面的main
比如208页最后一行的main……
看到我的名字出现了，开心……再次继续感谢你的书~
----------------------------------
猫回复：
收到，多谢！！欢迎常来~~~~
21. 优质鲜澄多 | 07.07.18 8:03 pm
再次叨扰，请见谅。
在书中252页中的最下面调整“购买”这个按钮的位置的时候，您添加了一个.new_btn的类。
我加了这个类，然后在下面您把这个类添加到了<dd>中，代码为<dd class="select new_btn">
我想问您一下，select是什么概念……应该不是定义的类吧？因为我在您给的源代码中都没有看到这个类。
还有根据您的方法，我还是没有能够将按钮向右移10px……
说实话，真的不知道哪里出错了……求助一下……
----------------------------------
猫回复：
此处的select类是预留的，在本设计中没有用到，但是预留此class是为了以后如果改变设计时，可以通过定义此类来改变样式
22. 就今天高兴 | 07.07.24 9:26 pm
第六章的示例 部分页面没有从英文返回中文的连接。。。？
----------------------------------
猫回复：
在内容页面的右上有个《简体中文》的小图标
23. 就今天高兴 | 07.07.25 8:23 pm
上一个问题 我是说没有加上连接 就是点了图标不管用
还有您书里提到的针对IE5.5及以前的兼容问题 是不是现在设计网页时可以不用考虑了？用5.5的人好像没有多少了吧？
24. clean17 | 07.08.14 7:51 am
"豆豆猫"好（姑且这样子称呼您，呵呵），你的<<别具光芒>>认真拜读了，受益匪浅，谢谢你的辛勤劳作为我们这些正在渴求知识的后辈们指点了方向。
在此向你请教一个问题。就是第8章网络电台的排版，按着书上的教程，完成后用IE打开网页，“港湾在线”，“网友作品”，“心灵倾诉”后面默认的那个“｜”和“More”是看不到的，需要用鼠标滑过才会出现，当再次刷新的时候，它又消失了....
我就想是不是有哪个层挡住了还是什么原因，渴求得到你的指点和解答。
----------------------------------
猫回复：
我看我的文件是没有这个问题的，你是否能把你的源文件发给我或者发到论坛上？
25. 老谢 | 07.08.15 12:57 pm
书很好，刚开始学，我看了两遍。现在开始尝试书中的例子，4.8节中：
#float_left {
text-align:left;
margin:0 5px;
float:left;
background:#cff;
width:100px;
display: inline;/*加上也不起作用*/
}
我在ie6和firefox中测试。
26. 老谢 | 07.08.15 1:01 pm
不好意思，刚才是我自己搞错了，把上一个例子和这个搞混了。再次谢谢你的劳动，谢谢你的书！
----------------------------------
猫回复：
呵呵，感谢你的夸奖，以后常来，多多交流。
27.遥遥 | 07.09.14 9:42 am
以前看到了几处错误，没有太注意，以后看到再发上来。
28. britage | 07.09.25 11:04 am
p.10文字错误：XHTML（The Extensible ....,可扩展起文本标记语言）中的“起”应为“超”
--------------------------------
猫回复：
多谢
29. mm | 07.09.25 12:01 pm
在第六章做内容页面的时候下面的主要内容部分：
<div id="main">
<div id="box">
<div id="menu"> </div>
<div id="text"> </div>
<div id="footer"> </div>
</div>
</div>
main 和 box 这两个层是否用一个就可以了？为什么要用两个啊？而且把main的宽度设成622。直接设box为620然后设marging-left和marging-right为auto不也可以达到一样居中的效果吗？不明白为什么要用两个div
30. mm | 07.09.25 12:06 pm
marging 和 padding 在使用上有什么区别？都可以来定位div，什么时候用marging，什么时候用padding？
--------------------------------
猫回复：
margin和padding，一个在边框外面一个在边框里面
请看：http://www.ddcat.net/blog/archives/2007/02/138.html
31.mm | 07.09.28 10:05 am
第7章，的index页面id=title2中
<p class="designer">设计制作：<a href="http://www.ddcat.net" target="_blank" title="访问[豆豆猫工坊]">豆豆猫工坊</a></p>
<p class="subhead">....................可爱猫猫图片秀</p>
两个段落为何能显示在同一行？
--------------------------------
猫回复：
因为分别设定了左浮动和右浮动
32.地狱使者 | 07.09.28 11:00 pm
38页4.1.2中的标新立意-->标新立异
--------------------------------
猫回复：
多谢
33.地狱使者 | 07.09.28 11:03 pm
40页mozzla-->mozilla
34.mm | 07.09.29 10:47 am
在css中的方框和定位有什么区别？
--------------------------------
猫回复：
方框？是什么意思？
35. Freezing_Point | 07.10.11 1:09 pm
45页顶上一段HTML代码中</body>前多了一个</ul>
--------------------------------
猫回复：
多谢
36.无悠阁 | 07.10.13 11:58 pm
呵呵,我今天正好看到这节,还正想是怎么回事呢,学习了.
37. 大力小米 | 07.11.01 10:48 pm
第209页：8-80， 顶部显示login的css规则定义在basic.css中
而旁边又盖了个"main.css"
到底是要定义在哪里？
--------------------------------
猫回复：
应该定义在 main.css 中，截图上面的标题错了，抱歉。
38. 凌晨 | 07.12.15 10:37 am
你好
第237页的效果显示不出来，而且还带有序列符号。这是怎么回事啊？？？
--------------------------------
猫回复：
請問你是否按照每個步驟做的？
39. Iceman | 07.12.26 4:28 pm
书很好谢谢~
40. Jeff | 08.01.20 9:48 am
在书的第3页中，1.1节的最后一个列表项中，“音/视频”，作者你的原文是:"……多彩的网络电视、博客等……"，你要表达的应该是"……多彩的网络电视、播客等……"吧。
41.cnmilan | 08.03.24 11:10 pm
书真的很好，终于找到我想要的内容了，非常感谢！
42.better man | 08.05.14 5:47 pm
很好很强大
43. 乖乖 | 08.07.07 10:24 am
猫猫好，第9章的nav层，我什么老做不出来呀。我检查了又检查，还是不行呀。最后是把你们代码复制上去了。还是不行
我做出来的nav层不够长，当鼠标放上去的时候，不显示背景，只有最后一个 优惠券显示背景。
这是为什么
------------------------------------
猫回复：
检查一下标签是否都配对，有没有拼写错误之类的。
44.忘孤城 | 08.07.24 6:06 pm
猫老大
拜读到第248页 发现错误
recommend层的定义
padding:0 7 0 8 应该是
padding:0 0 8 7
------------------------------------
猫回复：
多谢多谢
45.忘孤城 | 08.07.24 6:08 pm
第250页 给“购买”、“收藏”两个按钮定义类属性
有双倍BUG问题出现
发表评论