CSS网页布局入门教程9：用CSS设计网站导航——横向导航

共有 195 位网友发表了评论　我要评论..

632386504(125.89.*.*) 发表于：2011-07-27 02:23:09: ？

632386504(125.89.*.*) 发表于：2011-07-27 02:21:55: *html #nav li { float:left;} 请问管理员为什么在#nav li { float:left;}加上*html会变成列表？只加html没有*为什么没有改变？

weizai(125.88.*.*) 发表于：2011-05-25 17:35:06: 请问一下管理员，我把#nav加了实线的边框，#nav {width:862px; margin:0 auto;background:#ccc;border: 1px solid #000099;}，按理说应该是有实线的边框，但显示出来却不正常，请问这是什么原因呢; 管理员回复：请将nav再设置个高度

yuanni9xxx(124.126.*.*) 发表于：2010-10-19 10:28:28: 我在360浏览器下运行正常，在火狐浏览器下运行前面有点; 管理员回复：这篇教程有点老，请看十天学会div+css

lanyunet(60.185.*.*) 发表于：2010-09-01 09:50:10: 关于：joykey(59.61.*.*) 发表于：2010-08-31 10:28:14 发表的问题做如下解决：新建样式：#nav ul {display:inline;} 另在DW里预览出现有前面的列表符号修改为：#nav li{float:left; list-style:none;} 另：大DIV定义宽度为600，实际5个li加起来500 每个后面有2PX的间隙，总为510，，修改为：#nav{width:510px;margin:0px auto;background-color:#990000;}

joykey(59.61.*.*) 发表于：2010-08-31 10:28:14: <!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=gb2312" /> <title>无标题文档</title> </head> <style> #nav{width:600px;margin:0px auto;background-color:#990000;} #nav li{float:left;} #nav li a{color:#FFFF99;text-decoration:none;margin-right:2px;width:100px;height:20px;background-color:#666666; text-align:center; display:block;} #nav li a:hover{background-color:#3366FF;color:#990000;} </style> <body> <div id="nav"> <ul> <li><a href="#">wodeshouye</a></li> <li><a href="#">wodeshouye</a></li> <li><a href="#">wodeshouye</a></li> <li><a href="#">wodeshouye</a></li> <li><a href="#">wodeshouye</a></li> </ul> </div> </body> </html> 楼主为什么我运行后，左边总有留一块红色的，一直找不到原因·; 管理员回复：红色？我预览下没有呀，你用什么浏览器？

seven1207(121.61.*.*) 发表于：2010-08-26 14:35:06: 有没有搞错大哥你仔细看下第一段和第二段代码. 运行后那链接点了都没有反应不会跳转网页我仔细看了看发现原来是这样的你多加了个冒号... <td align="center"><a href="http://:www.aa25.cn/Sort/List_10.html">软件下载</a></td> href="http:// 后面没有冒号直接跟URL地址. 希望把这小错误改过来; 管理员回复：谢谢指正

abao(115.239.*.*) 发表于：2010-08-12 16:06:40: 导航代码运行有点点，#nav li { float:left;}改成#nav li { float:left;list-style:none;}就OK了，不过还是学习了，谢谢管理员

newmsg(60.177.*.*) 发表于：2010-08-09 20:22:17: 很感谢站长的文章，我想问问站长，我想详细学习CSS，有CSS使用手册吗？就是大全那种，我好查找属性。谢谢; 管理员回复：本站的在线手册或者首页提供的chm文件下载

aixuan2046(180.123.*.*) 发表于：2010-07-24 14:48:17: 就是教程中的代码(http://www.aa25.cn/div_css/269.shtml),点击页面中的"运行代码"按钮后,缩小浏览器页面,导航栏就变成2行或3行了,并且浏览器下面没有滚动条; 管理员回复：怎么不试试下边的运行代码呢

loveky(58.248.*.*) 发表于：2010-07-23 23:06:57: 关于aixuan2046(180.124.*.*) 发表于：2010-07-23 11:45:50问的，我想到2个办法。一是把导航写进div，然后固定div宽度。二是替ul写2条css代码，ul{ display:block; width:npx; /*看你要设多少px的宽*/ } 这样也可以达到固定宽度的效果。还有其他办法吗？应该有吧~老师补充哦

aixuan2046(180.124.*.*) 发表于：2010-07-23 11:45:50: 我也做了个导航栏,在正常情况下浏览器显示正确,但缩小浏览器窗口后导航栏就变2列了,这是什么原因,为什么浏览器下方没有滚动条; 管理员回复：得看源代码

kqr(123.235.*.*) 发表于：2010-07-21 15:16:51: 帮大忙了谢谢楼主咯不过注册的地方怎么是黑色的基本看不清楚费了好大力气才注册成功; 管理员回复：可能是背景图片大，加载慢

leohaoo(113.240.*.*) 发表于：2010-07-21 08:44:25: 站长可以专门针对ul标签讲解一下不?; 管理员回复：ul标签很简单呀

crazyvoip(123.6.*.*) 发表于：2010-07-20 10:21:09: 鼠标有效果的那个，点击运行后，最后的排版好像多出了一行，很难看。站长试试.我的是1440*900的分辨率

srabbitliu(202.106.*.*) 发表于：2010-07-06 14:08:59: 终于知道导航菜单如何制作利用CSS布局了，谢谢管理员~; 管理员回复：不客气

shenhui(61.191.*.*) 发表于：2010-07-01 16:00:17: 很开心找到这个网站，呵呵，管理员真得很认真。。谢谢。; 管理员回复：不客气

faming939(119.123.*.*) 发表于：2010-06-30 16:46:39: 老师我想问一下这个导航做出来是居中的怎么让它左对齐呢？; 管理员回复：晕了。http://www.aa25.cn/div_css/894.shtml

suwen(221.122.*.*) 发表于：2010-06-22 11:07:29: 你好，我想知道display:block;的含义，为什么用上这个代码和不用这个代码的效果差别就那么大啊？谢谢老师……; 管理员回复：将内联元素转换成块级元素

看成都(222.210.*.*) 发表于：2010-06-18 09:32:07: 管理员你好。能专门出篇文章。介绍一下。制作横向导航中css的具体意思啊。我是一个新手。看上去似懂非懂的感觉。谢谢; 管理员回复：请关注本站

09secret(123.6.*.*) 发表于：2010-06-14 10:11:51: —_—!一会正常一会不正常的，可能我电脑有问题吧。

09secret(125.40.*.*) 发表于：2010-06-12 10:45:32: 嗯完全一样; 管理员回复：完全一样的话应该显示出来也一样的

09secret(123.6.*.*) 发表于：2010-06-11 18:19:07: 你好管理，我是新来的O(∩_∩)O~，在做这一节的时候，就是复制了上边的代码，最后一个连接文本也是两行显示，改了它的宽度也不行，怎么回事啊？; 管理员回复：和内容中的代码完全一样吗

skyniz(58.254.*.*) 发表于：2010-06-10 00:01:44: 管理员辛苦了..

dingyanyiming(114.222.*.*) 发表于：2010-05-29 21:17:30: <ul>..</ul>标签是手动输入的还是dreamwaver8.o里有可视化工具啊？谢谢; 管理员回复：请看本站的新手常见问题专题，里边有详细的过程

dingyanyiming(114.222.*.*) 发表于：2010-05-29 21:14:19: 横向导航这部分有没有具体详细的步骤啊，照顾一下菜鸟，谢谢管理员; 管理员回复：请认真学习前面几节，完全掌握后这一节很容易学的

kristy77(219.147.*.*) 发表于：2010-05-29 05:32:51: 我用的是表格做的一行七列做完后鼠标经过的效果是文字区域改变颜色为什么啊请问在可视化界面改如何更改才能达到整个表格鼠标经过都变色谢谢老师了; 管理员回复：把a上增加display:block;再设置高度

seeddahong(113.71.*.*) 发表于：2010-05-26 17:45:43: 请教站长hover选项在可视化操作的那里呢？？; 管理员回复：请参考http://www.aa25.cn/div_css/882.shtml

sunnyday134679(219.145.*.*) 发表于：2010-05-20 14:06:43: 很喜欢这么详细的讲解，受益多多

低调(59.58.*.*) 发表于：2010-05-19 09:53:44: list-style:none;跟list-style-type:none; 有什么区别？; 管理员回复：一样，前者是简写

wangxu(221.13.*.*) 发表于：2010-05-17 15:12:37: <ul></ul>可以不用加在<div></div>中吗？如果加在里面又是什么样的效果呢？; 管理员回复：也可以不放，不过最好还是放

chenglidian666(115.61.*.*) 发表于：2010-05-11 11:37:25: 希望楼主给个dreamweaver中通过可视化操作教材，照顾下新手菜鸟！在此先感谢楼主辛勤的汗水！; 管理员回复：目前出的新手常见问题系列教程是采用完全可视化开发的

chenglidian666(125.46.*.*) 发表于：2010-05-09 09:48:37: 请问这样的菜单导航能在dreamweaver中通过可视化操作做出来吗？能的话希望楼主给个教材，照顾下新手菜鸟！在此先感谢楼主辛勤的汗水！; 管理员回复：可以呀

ai68738651(58.246.*.*) 发表于：2010-05-07 14:13:24: 这个教程非常好啊，受益无穷！; 管理员回复：欢迎常来

wuvdong(221.1.*.*) 发表于：2010-04-29 16:23:56: <!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=gb2312" /> <title>无标题文档</title> <style type="text/css">  </style> </head> <body> <div id="nav"> <ul id="nav_ul"> <li><a href="#">网站首页</a></li> <li><a href="#">新闻列表</a></li> <li><a href="#">图片列表</a></li> <li><a href="#">网站首页</a></li> <li><a href="#">新闻列表</a></li> <li><a href="#">图片列表</a></li> <li><a href="#">网站首页</a></li> <li><a href="#">新闻列表</a></li> <li><a href="#">图片列表</a></li> <li><a href="#">网站首页</a></li> </ul> </div> </body> </html> 老师您好我在外面放置了一个div为什么前端有个空格呢？; 管理员回复：默认情况下ul是有外边距的，把它清除掉就可以了

lanruqin(218.249.*.*) 发表于：2010-04-27 13:18:15: 您好，本节代码在firefox中运行，怎样去掉前面的那个小黑点呢？谢谢！; 管理员回复：list-style:none

wind128(119.99.*.*) 发表于：2010-04-20 23:08:09: 真不好意思，打错了，我说的是垂直方向的居中。; 管理员回复：垂直的话只能用内补丁和外补丁的方法

wind128(119.99.*.*) 发表于：2010-04-20 22:13:20: <!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" /> <style> #nav { width:860px;height:50px; margin:0 auto; background-color:#ccc;} #nav li { float:left;} #nav li a { color:#000000; text-decoration:none; padding-top:4px; display:block; width:120px; height:22px; text-align:center; background-color:#ececec; margin-left:2px;} #nav li a:hover { background-color:#bbbbbb; color:#ffffff;}ff;} </style> </head> <body> <ul id="nav"> <li><a href="/index.asp">主页</a></li> <li><a href="/Sort/List_4.html">DIV+CSS教程</a></li> <li><a href="/Sort/List_5.html">常用代码</a></li> <li><a href="/Sort/List_6.html">水晶图标</a></li> <li><a href="/Sort/List_7.html">幻灯图片</a></li> <li><a href="/Sort/List_10.html">软件下载</a></li> <li><a href="/css2/">CSS2.0实用手册</a></li> </ul> </body> </html> 我在#nav中加入了height:50px的属性，这样后，我怎样让导航条在水平方向上居中？; 管理员回复：你现在的导航条已经是居中的呀

flymouse0216(220.170.*.*) 发表于：2010-04-17 11:53:31: 站长是用心和自己的实际经验在做这个网站,说实话,这是唯一一个让我注册并静下心来学习的站,在这里对站长的无私表示非常感谢,我们也会努力回馈给站长,大家一起进步!; 管理员回复：不客气，欢迎常来

wowwe(221.192.*.*) 发表于：2010-04-16 17:35:03: 您好！div在Dreamweaver里总是乱的，但是在浏览器是正常的。为什么呢？; 管理员回复：正常，因为采用的内核不一样

282280415(58.83.*.*) 发表于：2010-04-15 21:29:04: 我是今天刚看到咱们的网站的，感觉很好。希望你们越办越好。本节的导航条制作，是不是只能依靠代码完成，而无法再可视化设计中实现？; 管理员回复：也可以可视化，不过建议能手写还是手写，这样能提高速度

sorryinumb(121.13.*.*) 发表于：2010-04-15 15:08:29: <!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>首页</title> <link href="css/css.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- body { background-image: url(images/bg_yellow.gif); background-repeat: repeat-x; } #nav { width: 860px; margin: 0 auto; } #nav li{ float:left; } #nav li a { width:80px;height:25px;background-color:#9CF;color:#000;display:block;margin-left:2px;text-align:center;text-decoration:none; margin-left:2px; padding-top:4px; } #nav li a:hover { color:#C6F; background-color:#CCC; } </style></head> <body> <ul id="nav"> <li><a href="#">首页</a></li> <li><a href="#">首页</a></li> <li><a href="#">首页</a></li> <li><a href="#">首页</a></li> </ul> </body> </html> 为什么菜单位置不能居中呢?; 管理员回复：你的已经是居中了，只不过里边的li个数太少，右边都空着

lfseven(110.251.*.*) 发表于：2010-04-14 16:08:32: UL导航例子，下数第四行，UL的使用应改为 Div的使用才符合逻辑。; 管理员回复：应该说ul外再套个div才更合适

buenos(110.175.*.*) 发表于：2010-04-09 09:15:05: 以后管您叫校长得了。无论你年纪比我大或小。校长，太感谢你了！效率真高了！这么快就回复了。我是在国外搜索了国内的众多DIV+CSS网站的。最后还是决定用你的了，原因：界面亲和，教程简洁（即提高学习效率，又不失个人的参与度，发挥学习者的主动性），思路非常清晰。这就算一个人的用户反馈吧，希望算是对你工作的支持！！！再次谢谢。以后有什么实在想不明白，再来打扰了。; 管理员回复：欢迎常来

buenos(110.175.*.*) 发表于：2010-04-08 18:06:46: 站长好。看了评论，自己也自行更改并研究了半天。您说，只要ul的数值大于li之和就成立。问题是：ul为什么要设置背景颜色，因为我发现无论ul比不比li总和大，背景颜色都显示不出来。是不是在ul中最终体现什么颜色完全取决于li的定义。如不是，ul的背景颜色需要何时，何种情况下体现？谢谢！另，这是首次留言您。非常感谢您制作了这个网站。; 管理员回复：实例中的ul的背景实际上没用的。而且内容元素全浮动后，ul默认的高度为0，也看不到。当li添加背景色时，肯定要盖住ul相应部分的背景色，如果想看ul的背景效果，请在ul加个高度属性

nobleasia(58.176.*.*) 发表于：2010-04-08 17:44:18: 为什么我把代码拷在DW CS4去看，那些圆点状仍然出现呢？; 管理员回复：在ul上加list-style:none

yoya(222.56.*.*) 发表于：2010-04-08 16:41:20: 建立导航菜单后，导航项前的小圆点是如何消除？; 管理员回复：在ul上加list-style:none

leeyea(125.122.*.*) 发表于：2010-04-07 21:55:19: 这是我第一次发现如此简洁明了而内容又丰富的网站教程！收藏啦！; 管理员回复：欢迎收藏

SAMJ(118.116.*.*) 发表于：2010-04-04 00:26:37: 我想问一下管理员，要想在不同尺寸的显示器中网页都能得到最佳的显示效果，而不会出现页面各部分到处乱跑的现象，是用绝对定位好还是相对定位好呢？管理员回复：即不采用相对定位，也不采用绝对定位那应该用什么办法呢？求助管理员; 管理员回复：不知你所说的最佳指的什么，视具体情况具体而定

SAMJ(118.116.*.*) 发表于：2010-04-02 21:02:53: 我想问一下管理员，要想在不同尺寸的显示器中网页都能得到最佳的显示效果，而不会出现页面各部分到处乱跑的现象，是用绝对定位好还是相对定位好呢？; 管理员回复：即不采用相对定位，也不采用绝对定位

zzzvvv(218.24.*.*) 发表于：2010-04-02 17:30:55: 这个教程是谁写的,写的很好; 管理员回复：我顶

zzzvvv(218.24.*.*) 发表于：2010-04-02 16:34:59: 运行时发现一个小问题导航的最后一个连接的空白多了一小块 4px吧整个导航的宽度改成856px就OK了

violin0889(125.84.*.*) 发表于：2010-04-02 11:01:52: 请问，我做的网页类似你的旅游网，那中间的两侧我想加效果图，改怎么实现呢; 管理员回复：中间的两侧我想加效果图？那就按你的效果图样式加吧

zhangbingbing(114.81.*.*) 发表于：2010-03-21 22:08:21: 我是菜鸟，最好详细点和前面一样有图就好了！; 管理员回复：如果前面都认真学习，后面这些不要图应该可以看懂的

411731503(121.35.*.*) 发表于：2010-03-19 17:43:13: 不错啊。呵呵。挺实用的啊！

三叶草(117.82.*.*) 发表于：2010-03-17 10:58:42: 为什么在预览时不显示效果？; 管理员回复：不会吧，显示的

hbtmcc(218.104.*.*) 发表于：2010-03-15 20:54:36: 你好，看了你写的教程觉得收益很大，这章我有个疑问。为什么先定义 nav li，再定义nav li a，而不直接把两个整合在一起定义？上面的#nav li 和#nav li a和#nav li a：hover分别代表什么意思？区别在哪？谢谢！; 管理员回复：nav li是定义li的样式，而nav li a则是定义li内a元素的样式，#nav li a：hover则是定义当鼠标划过时链接的样式

冰封心事(113.139.*.*) 发表于：2010-02-27 22:14:22: 管理员，上面这篇文章忘了加list-style:none;了，在firefox浏览器里看列表前的那个实心圆点还在的。; 管理员回复：是的

学无止境(119.1.*.*) 发表于：2010-02-22 16:14:17: 娃哈哈,每天上来顺手点你几次AD,算是报答了!; 管理员回复：谢谢啊

chenzhekl@yeah.net(220.176.*.*) 发表于：2010-02-22 13:02:53: 我觉得初期还是不要依赖Dreamweaver，而是手工写代码好。

lavinia121(121.76.*.*) 发表于：2010-02-21 21:30:55: 站长你好，看了这个教程，我反复操作了很多遍，但是还有问题想请教下，导航栏左边为什么不能靠边，总是留了一点空白，还有<ul>的宽度显示的和代码的数值不一样，但是浏览器里又是对的，不知道是怎么回事呢？; 管理员回复：留下的空白应该是margin-left的值

lavinia121(218.242.*.*) 发表于：2010-02-20 15:35:51: 这节的内容css不知道从哪里点出来的，不太会手动输入代码，能不能请您指点一下; 管理员回复：建议你再学习前面几节教程，如果前面几天教程都学会了，这节应该都能找到在哪儿设置了

义真(113.4.*.*) 发表于：2010-02-15 21:51:31: 请教一下，我做完预览里面有点，我不想我要点怎么能取消呀，谢谢。; 管理员回复：ul上增加list-style:none样式

957239918(114.255.*.*) 发表于：2010-02-09 13:41:16: display:block 那个设置这个标签还是手写输入; 管理员回复：在css编辑器里可以设置

957239918(114.255.*.*) 发表于：2010-02-09 13:15:16: 文字看了，随后进行操作

财富之门(58.68.*.*) 发表于：2010-02-08 21:38:09: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> #nav {width:860px; margin:0 auto;background:#ccc} #nav li { float:left;} #nav li a { color:#000000; text-decoration:none; padding-top:4px; display:block; width:120px; height:22px; text-align:center; background-color:#ececec; margin-left:2px;} #nav li a:hover { background-color:#bbbbbb; color:#ffffff;} 文章出处：标准之路(http://www.aa25.cn/div_css/269.shtml) 这里有很多属性在规则样式里添加估计能达到预期的效果，可这些属性是在样式编辑框里哪点出来的不知道！如果能像前几篇截图说明就好了！我得买本书在把这第9关学好，希望楼主提供截图版的; 管理员回复：如果前边几节你认真学习并练习的话，这节中的属性应该都能找到

无知的老虎(61.184.*.*) 发表于：2010-02-08 16:15:46: 为什么我加上hover也没有响应呢？请看代码：#container #header #banner li a: hover 。#container和#header是两个div的id,#banner是ul的id，对ul和a设置了display: block。研究了好半天，还是不知道哪不对，反正鼠标移上去就是不变换颜色。; 管理员回复：#banner li a: hover，直接这样写看行不，你这样层级关系写的越多，有一个地方出错或层级关系错乱都会导致样式不生效的

若枫(114.85.*.*) 发表于：2010-01-31 14:07:10: 好教程/谢谢~; 管理员回复：不客气

CSS学习！(116.236.*.*) 发表于：2010-01-17 12:37:56: 请问。为什么在1152x720的屏幕分辨率下，网站左右都不能并列排齐了呢！！ #left {background-color: #FFFFFF;float: left;height:600px;width:25%; } #right {background-color: #FFFFFF;float: left;height: 600px;width:75%;} 在线等待！！！！！！谢谢; 管理员回复：是否清除了body默认的外边距呢？

QQ 289285(222.182.*.*) 发表于：2010-01-11 01:32:35: 感谢楼主放出这个代码对新手来说很有用就是那个导航文字前面加个图标的代码怎么搞我QQ 289285我改了几天一直没有改好啊; 管理员回复：你是说前面的小点吗？默认情况下li就带的

学织梦(113.92.*.*) 发表于：2010-01-01 17:46:33: 老师你好问一下就是display:block如何生成？; 管理员回复：在css编辑器中区块的最后一项

没有如果(218.17.*.*) 发表于：2009-12-23 09:18:31: 楼主，我知道了，就是把margin设为0他就左对齐了，谢谢你提供这么好的教程。加油学习中！

没有如果(218.17.*.*) 发表于：2009-12-23 09:13:36: 横排的左对齐，不是文字，是文字所在的那些块。谢谢楼主的回答！昨天为什么页面打不开了。; 管理员回复：昨天网站出了点问题

Guest(116.1.*.*) 发表于：2009-12-17 10:37:17: #nav li a:hover 这个怎么生成？; 管理员回复：手写

没有如果(113.90.*.*) 发表于：2009-12-15 15:05:23: #daohang {height: 22px; width: 100%;border: 1px solid #FF0000;} 主页 DIV+CSS教程常用代码水晶图标幻灯图片软件下载 CSS2.0实用手册为什么文字不可以左对齐了？; 管理员回复：你说的左对齐是指什么，竖排还是横排每个li内的文字左对齐？

seilry(113.129.*.*) 发表于：2009-12-14 07:00:40: text-decoration:none这段代码是说字体的样式吗？; 管理员回复：文字的修饰，如：下划线，中划线等

海洋之星☆1(124.229.*.*) 发表于：2009-12-09 17:31:10: 这里我也看着头晕,像#nav li { float:left;}......代码如何在Dreamweaver中编辑,不是很明白,能不能像前面几章那样弄一些截操作图片呀!; 管理员回复：把光标停留在li元素上，然后点击右侧的css面板上的新建css，就会自动默认成#nav li

青青(218.74.*.*) 发表于：2009-12-07 14:21:45: 感谢楼主写了这么好的东东出来非常感谢; 管理员回复：不客气

丑丫头(222.133.*.*) 发表于：2009-12-06 10:09:15: #nav li 是手工加上的吗？; 管理员回复：可以手工加，也可以生成

AMen(120.86.*.*) 发表于：2009-12-05 18:21:08: 太好了，谢谢; 管理员回复：不客气

菜鸟(60.235.*.*) 发表于：2009-12-04 09:53:40: 有个疑问为什么倒数第2个代码运行后没有圆点呢最后一个运行后有圆点圆点怎么去掉; 管理员回复：我这儿运行没有呀。如果有的话在ul上加上list-style:none样式即可去掉

糊涂而已(58.25.*.*) 发表于：2009-11-26 15:46:52: 运行代码在firefox上运行不了啊~~~; 管理员回复：是的

学习者(222.62.*.*) 发表于：2009-11-26 10:12:59: 如果用鼠标悬停标记还用加上js 动作代码么; 管理员回复：鼠标悬停不用js，用a:hover就可以实现的

雪儿(222.174.*.*) 发表于：2009-11-14 16:36:53: #nav li a:hover { background-color:#bbbbbb; color:#ffffff;} 这段代码如果在Dreamweaver中编辑应该怎样操作？; 管理员回复：在html中选择a标签，点击css面板的新建，然后在打开的面板中设置背景色和字体颜色，好像hover需要手工加上的

雪儿(222.174.*.*) 发表于：2009-11-14 14:08:12: 感觉这张有点晕; 管理员回复：其实挺好理解的

Guest(121.9.*.*) 发表于：2009-11-13 06:41:22: 看到这个网站www.meizu.com的导航是图片，不知道是如何实现的。; 管理员回复：http://www.aa25.cn/289.shtml。看看这个例子，也许你就明白了

我要学习(123.180.*.*) 发表于：2009-11-10 21:03:49: 我把代码中的#nav直接写成ul,也就是说不用定义nav, 直接用标签控制，不也一样么。有什么不同么。我试过了。好像效果一样呢？; 管理员回复：是可以直接控制，但有个问题，你这样是定义全局的的，也就是说全局所有的ul都将是这个样式了

FLY(218.19.*.*) 发表于：2009-11-09 14:55:13: #nav {width:860px; margin:0 auto;background:#ccc}中的860PX是怎么算出来的？一列的width为120，总共7列，就是840px，但是边框的Px值不知道这？还有的20px是怎么来的呢？？？; 管理员回复：这个宽度是自己设定的，只要这个宽度大于所有li的宽度之和就行了

FLY(218.19.*.*) 发表于：2009-11-09 12:35:00: 为何不给出详细的步骤呢？前几个的教程都没有讲这个方面的东西。如果有这方面的教程，请问是那个？？如何定义ul的ID啊？如何设置'nav'的style？请指教！！！！！; 管理员回复：你问的这个问题应该是html基础的东西，建议再实习一下html知识

soho(119.131.*.*) 发表于：2009-11-09 09:30:46: 为什么我的li的项目符号还在？就是那个点去不掉; 管理员回复：在ul上加个list-style:none就可以去掉

Guest(123.65.*.*) 发表于：2009-11-07 10:43:21: 老师，请问一个初学者该怎么去学习呢，我没有头绪了; 管理员回复：从本站的教程学习，就是适合初学者学习的

laqboy(114.250.*.*) 发表于：2009-11-06 12:06:29: 看了很糊涂，我在DW里面是先把ul打出来，还是先设置DIV呢？; 管理员回复：这里的div可要可不要

wendycdw(116.226.*.*) 发表于：2009-10-27 15:55:23: 同问lz如何居中？宽度加了也不行。。。能否给具体的代码？; 管理员回复：代码已给出了，下边的运行框中的代码即是

snow(222.90.*.*) 发表于：2009-10-27 15:05:17: 你好，我是一个菜鸟，实在不明白ul在具体的操作里面如何能出来，具体又是什么意思呢？能不能帮我解释一下呢; 管理员回复：请查看html中ul的解释，也许你就明白了

jiajia(211.141.*.*) 发表于：2009-10-20 17:44:43: 你好像没有使用margin 0px auto;啊。。怎么浏览会居中，我的在nav中用了MARGIN也不居中怎么回事？？？; 管理员回复：设置宽度了没有？

LE(123.15.*.*) 发表于：2009-10-20 08:56:15: 很不错.....赞一个; 管理员回复：我顶

Guest(222.44.*.*) 发表于：2009-10-19 12:49:36: 很不错的教程; 管理员回复：顶

学习(116.22.*.*) 发表于：2009-10-18 16:06:35: 怎么将横向导航居中的，插入margin:0px auto;？; 管理员回复：嗯，这个可以居中，得设置宽度

学习(116.22.*.*) 发表于：2009-10-18 15:48:31: 不错的教程，不过上面是不是少了 li {list-style-type:none;}？复制了原文的代码到DW，发现圆点未清除; 管理员回复：这个应该加到ul上，而不是li上

Lowerly(123.52.*.*) 发表于：2009-10-13 18:21:42: text-decoration:none;这个是用来做什么的呢？我试着去掉了，也没发现什么不一样啊？; 管理员回复：去年下划线的

Glow(123.174.*.*) 发表于：2009-10-12 22:11:30: 在这彻底蒙了；为什么下面不能加BODY之类的标签啊，一加就什么内容都不显示了; 管理员回复：内容加到body外边就不显示了

Glow(123.174.*.*) 发表于：2009-10-12 21:50:35: 导航条代码是单独写在外面的啊？不用写在BODY里面吗？; 管理员回复：写在里边的

Glow(123.174.*.*) 发表于：2009-10-12 21:02:11: 我的意思是当我的屏幕小的时候，我发现这几个导航图表堆积到了1起啊; 管理员回复：把父元素设置个宽度不就行了

Glow(123.174.*.*) 发表于：2009-10-11 19:48:25: 貌似这个导航条不能自动适应网页比例啊，呵呵，先自己琢磨琢磨！; 管理员回复：网页比例？

很不错的一套教程！(122.193.*.*) 发表于：2009-09-28 13:44:28: 很简单，清晰明了。。管理员也很热情耐心啊赞一个~; 管理员回复：顶

smile(123.232.*.*) 发表于：2009-09-26 07:17:45: 请问能不用代码？？？只用软件来做这个吗》？; 管理员回复：请参考前几节教程，前几节学过后，这节应该能看懂的

天狼星(119.119.*.*) 发表于：2009-09-25 12:03:27: 如果在DM中应该怎么操作呢，直接写代码有点看不懂，见笑了！; 管理员回复：那需要在css样式编辑器里设置了，在左侧的css面板里点添加

YY(219.139.*.*) 发表于：2009-09-23 09:07:21: 您写的是将a转化成块元素了，我自己写的一个例子，没有将a转换成块元素，也可以设置内边距和外边距#nav li{ float:left; } #nav li a{ font-size:12px; line-height:20px; text-decoration:none; text-align:center; background:#E8F5FE; color:#F9B3D5; margin:0 0 0 10px; padding:10px; } #nav li a:hover; 管理员回复：是，但是对宽度和高度不生效的

YY(219.139.*.*) 发表于：2009-09-22 19:58:37: 为什么没有将a的显示模式改为块级元素，还是可以设置外边距和内边距呢？; 管理员回复：将a转换成了块级元素了呀

007(117.88.*.*) 发表于：2009-09-22 16:15:37: 很容易懂得教程，多结合实际操作很好上手。很好，很好。; 管理员回复：鼓掌

Guest(112.192.*.*) 发表于：2009-09-22 09:34:51: 有问题。就是我把那个上面的代码拷贝到dw上时，然后保存，有列表的圆点。那个圆点怎么清楚的。; 管理员回复：需要设置#nav{list-style:none}，这样就可以了

学习(122.241.*.*) 发表于：2009-09-22 09:15:35: display:block好像加不加一样的效果啊。。。; 管理员回复：这里的意思是将A转换成块级元素，结构上不会有影响

大咧咧(218.14.*.*) 发表于：2009-09-21 15:42:42: 这个网站很好用，我现在初学CSS+div,就只看着这个网站了。; 管理员回复：欢迎欢迎

Guest(125.73.*.*) 发表于：2009-09-20 23:09:44: 不错哦~ 又掌握点知识了~~; 管理员回复：^_^

123(60.10.*.*) 发表于：2009-09-19 11:45:05: 有个错字哦就在第一段，第三种应该是等三种; 管理员回复：谢谢你的提醒，已更正

freedom(121.236.*.*) 发表于：2009-09-16 15:35:57: 请问怎么设置ul居中，还有对ul的设置会不会对li产生影响？; 管理员回复：这个得看你怎么设置了

Guest(60.175.*.*) 发表于：2009-09-11 00:34:05: 这部分教程，看不懂。既然有，那怎么不定义#nav 很多好像没说。看不懂; 管理员回复：以后再出个大家能看得懂的教程吧

馒头(114.235.*.*) 发表于：2009-09-10 10:02:58: 请问，在div中想要垂直居中怎么处理,包括文字和图片以及文字图片混合体！; 管理员回复：请在本站中搜索，有相关的文章

学习者(124.200.*.*) 发表于：2009-09-08 16:36:36: text-decoration:none 是什么意思额?; 管理员回复：没有装饰线

Guest(125.71.*.*) 发表于：2009-09-06 10:09:42: 请问代码必须手写还是软件和手写结合？; 管理员回复：可以用css代码生成器，但我认为手写比较快

kido(219.132.*.*) 发表于：2009-09-04 21:05:49: 我说清楚问题是想问不直接写代码而是在视图操作怎么操作？; 管理员回复：那用css编辑器可以实现

kido(219.132.*.*) 发表于：2009-09-03 22:25:37: 我想问一下中的代码是直接输入还是在软件按提示输入; 管理员回复：？？

D.PenG(114.218.*.*) 发表于：2009-08-30 18:37:10: 请问里面 li 下面的点没有了是那个样式怎么没有看到那写有请站长指教是这个吗？display: block 或 list-type: none; 管理员回复：list-type: none这个是去除点的

D.PenG(114.217.*.*) 发表于：2009-08-30 12:13:46: 不错，请问有那个滑动门（tab）的菜单教程吗？; 管理员回复：滑动门菜单的教程没讲

杨涛(121.204.*.*) 发表于：2009-08-30 02:03:30: body呢到哪去了？以上内容都写在body里的？; 管理员回复：是应该放到body里的

JOY(61.163.*.*) 发表于：2009-08-08 16:29:49: 不错，很系统; 管理员回复：^_^

littefish(123.123.*.*) 发表于：2009-08-07 10:55:41: 不错的教程！！谢谢作者！; 管理员回复：不客气

Guest(123.185.*.*) 发表于：2009-08-05 01:02:53: good job

flush(123.185.*.*) 发表于：2009-08-05 01:00:40: #nav li 下没有 display: block 或 list-type: none 会出现点吧？？; 管理员回复：取消点是需要在ul上设置list-style:none;

meng(222.187.*.*) 发表于：2009-07-26 10:06:45: 这部教程太好了！; 管理员回复：^_^

XY(59.40.*.*) 发表于：2009-07-17 16:31:43: DIV+CSS教程和 CSS2.0实用手册要别别的高出一点...我改变 nav a 的宽度后问题消失..请问是不是显示器大小的问题啊..我是十九寸宽屏.; 管理员回复：可能是宽度过小，内容放不下自动换行了。

llh(116.234.*.*) 发表于：2009-07-17 14:46:56: 最好是要在DW里有操作步骤的,光代码的写不来.; 管理员回复：如果前面几天你认真学了，应该差不多根据代码知道怎么用css生成器生成了。

Guest(113.89.*.*) 发表于：2009-07-16 19:46:31: 我是一个新手，DW都不会用的前面几课有操作步骤还能跟上，后面的课没用操作步骤跟本就不知道么做了。站长能不能提供一个有祥细DW操作步骤的课程啊。感激不尽。; 管理员回复：下一步打算出全图文教程。不过需要一段时间

Elliott(125.114.*.*) 发表于：2009-07-16 14:07:46: use list-styleex:#nav li { float:left; list-style:none }

学生(60.23.*.*) 发表于：2009-07-16 00:07:57: 首先帮点一下广告，然后请问怎么把U默认的点去掉？; 管理员回复：设置ul的list-style:none;即可去掉

广告投放(124.207.*.*) 发表于：2009-07-14 17:14:02: 怎么让整个导航栏居中呢; 管理员回复：实际应用中应该很少用到吧

sa12345(60.176.*.*) 发表于：2009-07-14 12:38:03: 导航酒店预订上方有个“新”请问这个应该怎么做？; 管理员回复：是的

ionlycry(218.66.*.*) 发表于：2009-07-13 20:49:30: 怎么样让它居中啊; 管理员回复：请参考下边的回答

烟火(59.174.*.*) 发表于：2009-07-12 04:14:41: 此例中并没用到list-style-type:none属性，它的项目符号是怎么去掉了啊？; 管理员回复：应该加上的。在IE下是看不到了。但在ff下还是有的。

dfsf(222.210.*.*) 发表于：2009-07-11 11:36:16: 这个怎么没步骤呢？？快发哟，等着的。; 管理员回复：？？

烟火(61.183.*.*) 发表于：2009-07-08 00:32:23: li { float:left;}a { color:#000000; text-decoration:none; padding-top:4px; display:block; width:120px; height:22px; text-align:center; background-color:#ececec; margin-left:2px;}我直接把样子定义为这样也行啊，而且这样我也认为好理解些，这些定义对吗？; 管理员回复：这样在这儿是可以的。如果你在实际应用当中，这样定义是对所有的a标签都生效的。

西瓜(58.210.*.*) 发表于：2009-07-07 09:56:05: 不使用display:black;并没有发现什么不同？能解释下吗; 管理员回复：这个是有用的。a属于行内元素，默认情况下对宽度不起效，需用display:block转换成块级元素才行。本例是因为没有加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。没有声明页面采用何种验证方式造成的。

卌﹎ヤ(121.17.*.*) 发表于：2009-07-02 10:15:00: 感谢管理员呈上的教程！预祝本站越办越好！预祝爱好网页设计的学子们在设计的道路上越走越亮！; 管理员回复：谢谢

卌﹎ヤ(121.17.*.*) 发表于：2009-07-01 12:13:35: 写的很不错哦！不过这一节感觉比前面的难了点能不能在这一节里加上点DW制作截图呀如果能加点上小弟在此万分感谢！; 管理员回复：以后再出新教程了争取每节都配上图

乐儿(59.40.*.*) 发表于：2009-07-01 10:25:46: 这一节相对前几节都比较难啊，最怕自己写代码了，有没有前台能实现的啊？; 管理员回复：有呀，工具栏的按钮都可以实现这样的功能。但最好是能看懂代码。

烟火(61.183.*.*) 发表于：2009-06-30 00:54:10: 专家同，display:block;是什么意思啊，一定要回呀！; 管理员回复：display:block是将一个元素显示为块状

啊平(222.240.*.*) 发表于：2009-06-25 15:56:04: 在这一节中是否没有用到DIV ? 还有之前都会用到而且为什么要用 li和li a? Ul调用了NAV 但是为什么 LI 不是这样调用的？谢谢; 管理员回复：首先要明白，标准布局切忌div滥用。要根据每个标签不同的语义合理利用。li a是用来定义li下a的样式的。ul下调用了nav，然后就可以nav li定位到li，所以li上就不用加样式了。

高高(117.63.*.*) 发表于：2009-06-18 15:38:47: #nav li { float:left;}什么意思啊？漂浮在左边？您别“是的”啊~！漂浮在左边什么意思？我是根据英文字面理解的，怎么还漂浮啊?不懂。。。; 管理员回复：是浮动的意思，建议您再查看一下本站的css在线手册中float的解释

高高(218.93.*.*) 发表于：2009-06-17 10:49:53: 我的留言呢~！怎么看不到了？; 管理员回复：审核后就看到了

高高(218.93.*.*) 发表于：2009-06-17 10:46:49: #nav li { float:left;}什么意思啊？漂浮在左边？; 管理员回复：是的

19911015(123.190.*.*) 发表于：2009-06-16 06:20:53: 写的蛮好的!; 管理员回复：谢谢

Guest(58.20.*.*) 发表于：2009-06-15 16:05:54: 您好,我做出来的是长方形的,我想修饰下,鼠标划过的时候不是显示长方形的,让导航好看点,该怎么做. 谢谢; 管理员回复：哟，这个属于设计的范畴了。找一个自己觉得好看的，抄下来

xinshou(117.41.*.*) 发表于：2009-06-10 16:55:41: 太才有才了，从一开始看下来，明白了很多，谢谢！; 管理员回复：不客气

嫣然(59.175.*.*) 发表于：2009-06-09 10:53:17: 导航栏里分列是怎么分的啊，我是菜鸟，刚学的; 管理员回复：？？

001 (222.132.*.*) 发表于：2009-06-08 15:20:20: 非常不错的教程适合出学者; 管理员回复：常来哟

学无涯(125.87.*.*) 发表于：2009-06-08 14:28:35: 请问，我做出来的导航条前面怎么有个“黑点”怎么去掉啊？谢谢！; 管理员回复：设置ul的list-style:none;就可以了

文文(221.221.*.*) 发表于：2009-06-05 14:15:55: 设置了body{ margin:0px;} ，为什么导航的左则还有空隙呢？而不是紧巾着左上方开始的呢？; 管理员回复：ul在默认情况下也是有外边距的，会不会是ul的

呵呵(59.42.*.*) 发表于：2009-06-04 14:08:42: 你们网站不错啊..弄那么多广告啊！为了报答你们无私的贡献！我决定以后每天狂点你梦的广告100下。站长开心了吧; 管理员回复：不要呀，点一两下倒可以，点多了会被GG封掉的，本站就靠这点微薄的收入支付域名和空间费的。如果广告被封只有关站了。

wolf(210.22.*.*) 发表于：2009-05-05 13:35:50: 在FF出现了圆点，建议加上list-style: none;的样式。楼主幸苦了，非常感谢楼主的贡献; 管理员回复：是的，在FF是应该加上

慢玩风(59.42.*.*) 发表于：2009-04-25 23:32:50: 管理员请问如何在网页加上访问者评论,我想学习找了好久也没有.像你的站是否动态网页?静态网页也可以加上代码来实现吗?谢谢！; 管理员回复：可以用js调用评论的

kofhyrf(124.114.*.*) 发表于：2009-04-24 17:50:08: 你好管理员，我想请问下#nav li a:hover #nav li a这些属性的定义，是怎么套用的，a代表什么意思？下面的代码中没有看到ID＝“nav a”这样的样式，请解释下，谢谢，我刚学ＣＳＳ不太懂; 管理员回复：这个表示选择ID为nav下的a标签

云断(222.134.*.*) 发表于：2009-04-23 21:46:40: 请问我自己做出来的有下划线，取消下滑线那个样式怎么做？; 管理员回复：text-decoration:none;建议再学习一下http://www.aa25.cn/css-11.shtml这个栏目的css基础属性

poperapple(222.221.*.*) 发表于：2009-04-23 12:15:19: 请教这个“#nav li a:hover”hover是个什么属性？谢谢！入门中...; 管理员回复：hover是鼠标放上时的样式

poperapple(222.221.*.*) 发表于：2009-04-23 11:22:34: 终于到了第9步了哦！这是我唯一能看懂的教程啊！在这里非常感谢站长！我会坚持下去的。; 管理员回复：不客气，坚持到底就是胜利

TaoistWar(125.46.*.*) 发表于：2009-04-22 08:56:35: 在FireFox下点击'运行代码'没有效果,建议支持FF和IE.; 管理员回复：是的，目前确实有这个问题

fern(58.51.*.*) 发表于：2009-04-21 09:46:43: 我做出来的例子和流年似水的一样，还是纵向的，后来我把代码复制过去还是一样哦？; 管理员回复：在li上增加这个属性了吗float:left;

kissofw(120.4.*.*) 发表于：2009-04-19 21:42:12: 你好，为什么这一节的代码没有也可以直接运行？是不是页面也可以这样做啊？; 管理员回复：你是说头部声明吧，建议都加上

蕃愚人(220.115.*.*) 发表于：2009-04-14 21:10:58: 发现用Dreamweaver新建CSS代码是以  ，那跟直接用有什么区别？这俩兄弟是什么的干活? 还有用Dreamweaver新建CSS代码是不是生成无用代码过多呀!?; 管理员回复：是为了兼容以前老版本浏览器，在IE4中，页面中的样式表不解析就会显示出来，加上这个之后，它会解释为注释，就不会显示在页面中了

junguo(219.136.*.*) 发表于：2009-04-13 19:56:21: <p color: red; >不得不支持站长; 管理员回复：谢谢

花儿(219.237.*.*) 发表于：2009-04-13 17:06:56: 这个教程我非常喜欢。我想问一个问题。为什么我把代码复制到DW中。显示的导航条还是有圆点呀？; 管理员回复：这个没有设置去年圆点。但IE的特殊原因已经看不到了。你可以加上#nav{list-style:none;}

jingbao631(123.135.*.*) 发表于：2009-04-10 09:01:00: #nav 为什么前面加上#呢？？？; 管理员回复：加#表示是ID，对于html中的id，加.为class，对于html中的class

jingbao631(123.135.*.*) 发表于：2009-04-10 08:59:45: 这个编程真的不错阿，我很喜欢，会一直支持，争取早点学会站长的课程。站长辛苦了。; 管理员回复：喜欢就好，常来哟

流年似水(220.248.*.*) 发表于：2009-04-04 20:40:37: 我做出来的例子怎么还是纵向的，没有成为横向，点超链接也没有弹出页面！站长能给点意见吗？; 管理员回复：没有横向可能是没没有浮动。超链接的属性可以设置成打开新页面或本窗口打开

uf_ying(220.174.*.*) 发表于：2009-02-19 09:44:39: 你好，我发现去掉display:block之后依然正常显示，难道这句放在里面没有意义吗？; 管理员回复：有区别的，因为本段测试代码没有标示文档类型判断，你用dw新建一个页面，把css和xhtml分别复制到head和body里再打开看看就有区别了

uf_ying(220.174.*.*) 发表于：2009-02-19 09:39:57: padding-top:请问站长，这句是什么意思呢？谢谢。; 管理员回复：这句话是设置顶部的内边距

兰儿(218.18.*.*) 发表于：2009-02-03 14:27:12: 受益非浅，站长的教程通俗易懂，，太谢谢了。。; 管理员回复：不客气，常来哟

随风(58.34.*.*) 发表于：2009-02-01 14:34:43: 很好的教程啊，以前一点基础都没有的，今天看了一会，真的懂了不少啊，支持站长; 管理员回复：谢谢，常来哟

776w(58.42.*.*) 发表于：2009-01-17 22:39:32: 这个网站教程确实不错，看CSS教程就是想了解一下ul li的用法，想改一段代码，让内容多列多行，显示，没想到才看几篇教程就开始讲到ul和li的用法了，和其他类似网站相比确实通俗易懂得多，其它站的站长很少有考虑新手的，呵呵，都是高手，谁还去看你的教程啊。为了本站越办越好，提个小小建议，站长有时间的话，修改下文章里面的错别字，那质量就更高了，呵呵：）; 管理员回复：谢谢您的提醒，当初时间匆忙，没有校对，可能错误之处比较多。有时间了校对一遍，同时欢迎大家指正！

以南(123.14.*.*) 发表于：2009-01-08 10:39:45: 如果想设置整体居中的话是哪里设置啊？; 管理员回复：固定nav的宽度，用margin:0 auto;

以南(123.6.*.*) 发表于：2009-01-07 16:37:15: 标签尺寸改小的话怎么整体不居中了？; 管理员回复：本来就没有设置整体居中呀

奋斗(219.131.*.*) 发表于：2008-12-31 20:46:46: #nav li { float:left;} 是不是连接下面的标签主页; 管理员回复：？？float:left是让li元素向左浮动

奋斗(219.131.*.*) 发表于：2008-12-30 19:43:12: text-decoration:none麻烦下站长用通俗易懂讲解下。从入门第一课看到这里。我真的好像自己慢慢开始懂了DIV。我相信标准之路这个网站，是我迈向网页标准化的起点。谢谢站长，我以后做网站，一定以标准之路这个网站为目标。我天天绝对是标准之路的常客。站长不要忘记我。奋斗; 管理员回复：text-decoration是设置文字是否有下划线及样式，你可以本站的css在线频道找到详细的解释。欢迎以后常来～，有你们的支持，我会把网站办的更好～～

jin(202.91.*.*) 发表于：2008-12-26 16:42:10: 我们设计主管都是设计视图里面直接设计然后生成代码，效果也非常好！; 管理员回复：呵呵，每个人有每个人的习惯

jin(202.91.*.*) 发表于：2008-12-26 16:39:03: 我觉得如果改用可视化的教程，会更受欢迎！毕竟像你那样的高手是少数; 管理员回复：可视化受的局限性较大，而且也没有手写快，所以建议最好还是回答到手写上来

流星(60.190.*.*) 发表于：2008-12-25 10:41:21: 预览后为什么后面还挤在一块。。。不过看了代码和解释后明白了不少东西，帮助很大; 管理员回复：挤到一块？你用的什么浏览器？在我这儿正常呀。

昨天来过(222.91.*.*) 发表于：2008-12-22 22:33:20: #nav li ; #nav li a 这两个属性如果用dw做的话,在哪里设置呢? 现在手写照着写没有问题,可就是找不到dw中相应的位置.我们也不是专业做编程的,其实能用dw做出来就可以了.并不一定要手写代码啊..麻烦版主考虑还是把dw的图加进去吧.今天学不会了.明天等版主的回答; 管理员回复：我都是手写，暂时没找到其它方式。最起码也得手写把#nav li{}写上后，然后在右侧css面板中点编辑来添加样式

aresl(116.30.*.*) 发表于：2008-12-18 11:55:14: 为什么我在DWCS3里面运行，预览的时候文字是乱码

Guest(124.161.*.*) 发表于：2008-12-08 21:17:38: 常用代码再请教一下站长大人.这段代码表述的是什么意思?谢谢; 管理员回复：这是本站的站内链接造成的错误

Guest(124.161.*.*) 发表于：2008-12-08 20:57:52: 你把nav设置个宽度就行了，比如设置成900px，这样就不会改变了站长大人.是不是这就意味着如果把宽度设为百分比或是不填...做出来的效果都会随窗口的大小进行变化?; 管理员回复：可以这么说，不过还得看具体情况

x_b_o(121.32.*.*) 发表于：2008-11-29 09:37:51: 这里的操作一定要手写代码么？可以像之前的操作那样有可视化的选择么？; 管理员回复：当然大部分都可以用dw可视化生成的。不过建议还是手写，这样比DW生成要快的多。

如果有一天(60.16.*.*) 发表于：2008-11-25 13:54:13: 刚开始学DIV+CSS,通过看您的教程学到了不少东西,谢谢你!同时我也会继续学下去.愿你的东西会有更多人来看,来学习.; 管理员回复：嗯，好的，同时也欢迎给本站提些意见！！

rapin(222.125.*.*) 发表于：2008-11-24 10:14:03: 把第一段样式编写给了ul下的li对象，我们希望列表中的每一个一列表项不再遵行其默认的从上至下的排列，因此给#nav li指定了foat:left;的属性，如同div的foat:left;一样，也是通过浮动定位的原理使得自身向左浮动，从而使下一个对象贴紧该对象的右边，最终所有的li都具有了向左浮动的我，从而形式了横向的排列形式。foat?不是float?; 管理员回复：确实应该是float,写成foat是手误，已更正，感谢您的指正！

Guest(222.190.*.*) 发表于：2008-11-05 18:14:58: 好像多了几个

网赢天下(59.61.*.*) 发表于：2008-08-09 09:15:28: 谢谢，谢谢管理员; 管理员回复：不用客气，欢迎以后常来！！

网赢天下(59.61.*.*) 发表于：2008-08-07 16:57:55: 楼主，你那个横向导航，如果浏览器大小改变，导航也跟着变了，怎样让浏览器大小改变时，导航固定，不会跟着变呢？; 管理员回复：你把nav设置个宽度就行了，比如设置成900px，这样就不会改变了

CSS网页布局入门教程9：用CSS设计网站导航——横向导航

共有 195 位网友发表了评论　我要评论..

我要评论

推荐文章

热门文章

最新图片素材

最新评论文章

在线交流QQ群

CSS网页布局入门教程9：用CSS设计网站导航——横向导航

共有 195 位网友发表了评论 我要评论..

我要评论

推荐文章

热门文章

最新图片素材

最新评论文章

在线交流QQ群

共有 195 位网友发表了评论　我要评论..