当前位置：首页 > 文章评论 > 评论内容

CSS网页布局入门教程10：带当前标识的标签式横向导航

共有 108 位网友发表了评论　我要评论..
lv2997924(27.45.*.*) 发表于：2011-03-20 21:46:49
秦商(222.177.*.*) 发表于：2008-06-24 15:14:07 #nav li a#current { background-color:#2788da; color:#fff;}为什么要把#nav li a#current写完整才能表现出效果，而只定义#current不行，#current在逻辑上完全可以成为独立样式存在。望解答！谢谢 管理员回复：这个问题我也一直觉得蹊跷，单加个#current是不生效的，而且写成这样也不生效#nav li a #current（即在a和#之间加个空格），理论上加不加空格都不影响的 你好，我想请问这个问题现在有新的答案了么？为什么#current不能单独存在
管理员回复：没有
59wenwen(10.148.*.*) 发表于：2010-12-20 11:14:23
#nav { height:26px;这里26px是怎么算的啊，下面设置li的高度不是22px吗？
管理员回复：自己定的
xj206(218.94.*.*) 发表于：2010-10-19 19:09:24
#nav li a#current {……} 这个不太明白，这是ID选择器的嵌套用法吗？ID里面套另外一个ID？ 请指教，谢谢
管理员回复：有关这咱写法，请参看css样式表手册
huyaling(58.210.*.*) 发表于：2010-09-06 20:41:39
每当换一个频道页面时，只需要将id="current"移动到当前频道所在的a元素中，即可完成颜色的切换，这个怎么切换呢？请指教！
管理员回复：复制粘贴到当前页面
13back(119.123.*.*) 发表于：2010-08-12 11:19:31
这个导航,我在本地做完,测试一切OK,但上传上去后,带数据库的,却无法打开,请问是怎么回事?
管理员回复：那应该是程序方面问题了
wind128(119.99.*.*) 发表于：2010-08-11 12:34:09
为什么页面不是最大化显示时，有的频道会排在其它频道的下面？又怎样解决这个问题？
管理员回复：定义个宽度
yaoyao(218.97.*.*) 发表于：2010-07-12 09:45:15
在火狐下，点运行代码没反应...火狐版本Firefox/3.5.10
管理员回复：是的，暂时不支持火狐
123(222.68.*.*) 发表于：2010-07-08 17:04:21
每当换一个频道页面时，只需要将id="current"移动到当前频道所在的a元素中，即可完成颜色的切换,,这是什么意思，还要手动切换呀，，
管理员回复：或者js
stephenycc(125.90.*.*) 发表于：2010-07-07 22:19:35
假如要在导航条下面加个div，如何消除两者之间的间隙呢？请指教！
管理员回复：哪两者之间的间隙？
cute(123.6.*.*) 发表于：2010-06-25 17:23:46
谢谢楼主啊！
管理员回复：不客气
cute(123.6.*.*) 发表于：2010-06-25 17:23:20
谢谢楼主啊！
管理员回复：不客气
cute(123.14.*.*) 发表于：2010-06-24 17:52:16
我感觉我看着模模糊糊的，都不知道为什么要这样写呢？没有一点头绪呢！
管理员回复：那从头再看，或先跳过这一节，回头再来看
qixuejia(125.40.*.*) 发表于：2010-06-13 17:48:33
楼主是个大好人耶！
guangguang(218.75.*.*) 发表于：2010-05-24 20:14:48
在FF里面浏览的时候，为什么这条线在上面呢？就好象设置了上边框似的！请教怎么解决这个问题，万分感谢
管理员回复：把它定义个高度看看
sunnyday134679(117.22.*.*) 发表于：2010-05-20 15:39:48
蓝线左边多出来的2个像素怎么处理？
管理员回复：把外边距设置到右侧
低调(59.58.*.*) 发表于：2010-05-19 11:13:11
请问list-style：none；跟list-style-type:none;有啥区别？ 他们效果是一样
管理员回复：一样，前者是简写
Killtheworld(222.191.*.*) 发表于：2010-05-10 14:46:29
请教站长，为什么没有加list-style：none; 浏览器显式的时候，没有ul中li前边的黑圈，但是，DW预览设计图中，会有呢？还是说这是浏览器版本的问题造成的这种效果，360最新版brower，请多指教！
管理员回复：没有加时，当浮动后，在IE系列浏览器中不会有圆点，但在FF下是会有的。
naohloveqi(220.231.*.*) 发表于：2010-04-23 16:15:31
多谢管理员的回答。但是，问题出现了。我不知道该如何控制最后一个<li>，一个<ul>里有很多个<li>，如果分离出来，怎么才能单独给最后一个<li>加样式呢？或者本网站有相关的教程吗？我搜索了一下，还是没找到啊。所以，我只好直接在li里面加样式了。
管理员回复：把最后个li加个class，然后在外部定义样式
naohloveqi(220.231.*.*) 发表于：2010-04-22 14:46:41
我觉得这个有点小问题。第一，左下面的border多出了2px；第二，border延长的太厉害，超出了整个导航。我试着修改了一下，解决了这两个问题。但是，解决第二个问题的时候只好直接写在li里面了。这样就不符合“分离”原则了。不知道怎么办。我的解决是这样的： <!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> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> #nav { height:26px; list-style:none;} #nav li { float:left; border-bottom:2px solid #2788da;} #nav li a { color:#000000; text-decoration:none; padding-top:4px; display:block; width:120px; height:22px; text-align:center; background-color:#ececec; margin-right:2px;} #nav li a:hover { background-color:#bbbbbb; color:#ffffff;} #nav li a#current { background-color:#2788da; color:#fff;} </style> </head> <body> <ul id="nav"> <li><a id="current" 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/" style="margin-right:0;">CSS2.0实用手册</a></li> </ul> </body> </html>
管理员回复：想分离把它写到外边不就行了吗。
wind128(119.99.*.*) 发表于：2010-04-20 22:46:54
border-bottom:2px solid #2788da; list-style:none; 这条蓝线显示的长短用什么来控制？
管理员回复：用nav的宽度来控制
lfseven(110.251.*.*) 发表于：2010-04-14 17:07:43
请教站长，如何实现每当换一个频道页面时，将id="current"移动到当前频道所在的a元素中，完成颜色的切换。
管理员回复：可以用js来实现
法の(218.68.*.*) 发表于：2010-04-06 16:43:31
站长请问为什么我的项目列表符号在dw里预览时有，可到了ie就不见了呢？
管理员回复：浮动后IE默认会去掉项目符合，但FF等标准浏览器下不会
123(183.0.*.*) 发表于：2010-04-06 14:57:52
<ul> <li></li> </ul> 消除不了默认的"."符号
管理员回复：需要在ul上增加样式list-style:none
3391(124.133.*.*) 发表于：2010-03-31 14:12:47
站长，我的导航条怎么居中，
管理员回复：在父元素上定义css属性margin:0 auto;和一个合适的宽度就可以了
liuyulong(123.115.*.*) 发表于：2010-03-26 17:32:31
管理员站长老大：能加你QQ吗？那样方便交流也容易跟你探讨问题啊，你这个网站做的太好了，我非常支持，真的有爱不释手了；
管理员回复：不好意思，比较忙，如果大家都找我交流，估计我得有三头六臂才行
liuyulong(123.115.*.*) 发表于：2010-03-26 09:48:05
没错，是父元素设置的问题！我将#nav width:auto; 新的问题又出现了！ 基于nav块的右边完全显示到浏览器的边缘，可是左边一点变化都没有。 谢谢
管理员回复：这个得看源代码才行
liuyulong(123.115.*.*) 发表于：2010-03-25 10:24:46
请问：为什么我做的导航菜单下的横线不是100%显示在浏览器下的，而是跟nav块一样长，这样没有您做的美观！ 谢谢
管理员回复：应该是父元素的宽度设置问题
hellolbb(123.119.*.*) 发表于：2010-03-22 12:53:37
#nav li a:hover { background-color:#bbbbbb; color:#ffffff;} #nav li a#current { background-color:#2788da; color:#fff;} 请问这两行代码里#nav li a后面为什么一个跟的是:一个是#?
管理员回复：:是伪类，#是id，具体请参考css样式表手册
dardry(113.90.*.*) 发表于：2010-03-22 01:07:13
定意 #nav li a#current 为什么在引用这个标签的时侯 却只用了id="current" 怎样才能在外部定意如 #text 再引用 id="text" 像这样的能怎么写吗？？？？
管理员回复：你的写法也是对的，但对于当前的这种情况，得采用这种写法，要不current不生效
yuanlin8com(60.4.*.*) 发表于：2010-03-18 11:35:50
如果如此编写，需要每一个栏目都添加current，这样很麻烦，尤其对于模板来说，我用5ucms，菜单是一个标签的形式，我看了aa25的代码，菜单里并没有在每个栏目都加入current，这是怎样实现的，希望能分享一下，谢谢！
管理员回复：在下部有一段js，就是靠js来实现的
三叶草(58.209.*.*) 发表于：2010-03-08 14:11:44
为什么我在IE 6.0预览不出效果?
管理员回复：不会吧，我的IE6里就能预览出效果呀
学习者(61.172.*.*) 发表于：2010-02-23 14:33:31
感谢站长，学习了！
管理员回复：不客气，常来哟
小白菜(124.231.*.*) 发表于：2010-02-05 22:50:31
这个站简直太好了，我好喜欢啊！
管理员回复：欢迎常来
MM爱网页(123.161.*.*) 发表于：2010-02-02 05:22:40
请问，#nav 这个名字是你自己取的吗？有什么特殊含义吗？？nav可以随便取吗？我换成#ff可以吗？谢谢！
管理员回复：是的，可以随便取，但最好用合适的语义来表达你要显示的内容
123(218.56.*.*) 发表于：2009-12-28 16:57:25
问一下 加 时 总是距上面的文字距离有点远 可以调行距嘛
管理员回复：可以呀
菜虫(111.178.*.*) 发表于：2009-12-07 09:06:35
这个导航条在预览的时候，如果把现实窗口拉窄，一行显示不下的时候，li就自动重新另起一行了，这个怎么解决呢？不想让它自动另起一行
管理员回复：请看第9节教程中给出了办法，注意红色部分文字
菜鸟(61.189.*.*) 发表于：2009-11-24 20:08:14
添加完下划线之后，在最后面有多出来的部分下划线，有办法给去掉么，希望能把下划线延伸到最后一个项目列表尾部就可以
管理员回复：那就把宽度设定的正好显示不出来下划线就行了
菜鸟(61.189.*.*) 发表于：2009-11-24 19:41:28
求教，为什么给ul添加样式之后，不需要设置list-style-type: none，浏览器就自动把项目符号去掉了呢？默认应该是会有个圆点把？在DW的视图模式下看也是有的
管理员回复：IE浏览器的问题，用ff还是有圆点的
菜鸟(61.189.*.*) 发表于：2009-11-23 19:07:11
引用“简单的标签式的导航通过一组css的设计就算完成了，每当换一个频道页面时，只需要将id='current'移动到当前频道所在的a元素中，即可完成颜色的切换。不需要重俗人编写颜色属性，而且需要修改进也可以方便在css中修改完成。”这句话里的ID移动到当前频道怎么移动？需要脚本么？
管理员回复：一种办法可以用js实现，请查看本站首页源代码，另外一种办法是有许多页面时，每个页面上把ID加到当前页面的链接上
断指吉他 (61.185.*.*) 发表于：2009-11-13 14:48:54
admin 为什么我用IE浏览时 在导航栏左边有一块背景色 颜色就是nav设定的背景色 本节中因为nav没有设定颜色 所以一开始没有发现
管理员回复：因为本例设置了li a的左侧外边距为2px，所以会露出nav的背景色
Guest(123.65.*.*) 发表于：2009-11-10 13:07:55
我把list-style:none;这个属性去掉后，网页怎么没有区别，你说是去掉前面的圆点的，
管理员回复：这个在IE下看不出来，在火狐下就能看出来了
rainのbow(222.94.*.*) 发表于：2009-11-06 14:37:32
真的很不错，很适合我这种初学者…话说我加了你们的群怎么还没通过验证？
管理员回复：有些时候可能误以为加多个群就直接取消了，请再尝试一下
chens(113.96.*.*) 发表于：2009-11-02 22:57:58
admin 那个设置id=“current”移动到当前所在的a元素中 是不是用js控制 如果是那该怎样写js代码 我很想知道 谢谢
管理员回复：请看本站首页的源代码
主主(113.67.*.*) 发表于：2009-10-25 21:03:46
管理员...请问QQ群号多少呢？
管理员回复：在网站底部写着呢
peterqq(58.251.*.*) 发表于：2009-10-13 16:43:50
按照上面的教程.我添加了bottom_border.#nav 里面的height代表的是块状元素的高度。。。但我在下面加了另一个元素id #banner.在#nav和#banner之间就出现一行空白的间隔.把#nav里面的height删除掉就没有问题.不知是什么原因
管理员回复：有点乱，没看懂什么意思
Glow(123.174.*.*) 发表于：2009-10-12 22:32:35
这节不懂的地方是那条线，按我的理解是，其实UL就是个大层里面嵌套着LI，那条线就是UL的下边框的线，对不对啊？
管理员回复：是的
tanwlwl(123.15.*.*) 发表于：2009-10-08 10:15:18
佩服站长 可以加你QQ吗
管理员回复：有群可以加的
【小伟】(114.255.*.*) 发表于：2009-10-05 15:35:45
我非常喜欢你们的网站，因为它太实用了，每当我有什么不懂时，我就会看看你们的网站
管理员回复：欢迎欢迎
007(117.88.*.*) 发表于：2009-09-29 16:52:35
#nav li a:hover { background-color:#bbbbbb; color:#ffffff;}#nav li a#current { background-color:#2788da; color:#fff;}好像没发现什么区别，能否解释一下。
菜鸟(60.186.*.*) 发表于：2009-09-23 14:22:59
#nav { height:26px; 有些不懂,这里的高是设置的哪里的高度,是线条吗?谢谢
管理员回复：不是，是块元素的高度
簖 & 枼(124.207.*.*) 发表于：2009-09-22 14:40:38
很好 ！！o(∩_∩)o...哈哈
管理员回复：我顶
456(113.64.*.*) 发表于：2009-09-10 16:51:57
list-style:none;有什么作用？好像我去掉了也没有任何变化
管理员回复：是把li前的圆点去掉，你之所以看不到变化，可能因为使用ie浏览器的原因
123(60.164.*.*) 发表于：2009-09-08 19:04:03
#nav { height:26px; border-bottom:2px solid #2788da;}height:26px是指的下线条与块之间的距离吗？那块的height：22px，那么它的间距是26px-22px=4px 吗？
管理员回复：不要忘记了还有个padding-top:4px
arui(218.28.*.*) 发表于：2009-08-26 08:56:25
有关于这方面的好书吗？推荐下，谢谢！
管理员回复：css网站布局实录，css禅意花园等都是不错的书
new(222.185.*.*) 发表于：2009-08-21 23:09:08
站长 我想问下,为什么缩小化显示会挤在一块,我小白拉,请解释下
管理员回复：需要设置宽度的
Guest(124.238.*.*) 发表于：2009-08-16 19:23:55
为什么设置的蓝色下边框会超出列表的范围呢？辛苦管理员了！
管理员回复：因为设置的是左侧外边距
sdkf(115.61.*.*) 发表于：2009-08-16 16:07:55
站长辛苦了 ，太好了 得努力学学
管理员回复：欢迎欢迎
yeah(218.90.*.*) 发表于：2009-08-14 09:58:53
good,go on.
瓜子(123.123.*.*) 发表于：2009-08-14 09:41:58
ul的默认属性是有margin，还padding？预览时上、右都有距离的。
管理员回复：margin吧，你试下不就知道了
瓜子(222.130.*.*) 发表于：2009-08-14 09:38:55
用#current代替 #nav li a#current 为什么不能实现样式呢？
管理员回复：理论上应该可以，但实际上是不行的。这里的#nav li a的优化级高于#current.纳闷中...
白丁(114.243.*.*) 发表于：2009-08-07 20:12:55
怎么没早点看见这个网站啊！~~~~~花了几千元的银子学网页，还不如站长一半讲的好呢，真是相见恨晚啊！~~~~~~~狂赞，站长加油加油~~~~~
管理员回复：谢谢夸奖，以后来这儿学吧
Guest(219.149.*.*) 发表于：2009-08-05 15:55:06
你好：现在想进入那个菜单对应的页面，就让该菜单颜色加深，怎么实现？就想“标准之路”一样，在那个页面，对应菜单便有一个小三角指着菜单，谢谢
管理员回复：查看本站的源代码吗，应该很容易看懂的。
勇敢(121.42.*.*) 发表于：2009-08-01 09:32:50
'只需要将id=current移动到当前频道所在的a元素中，即可完成颜色的切换。'怎么实现
管理员回复：比如aa.htm的在aa的链接上加上id=current，在bb.htm的bb链接加上id=current不就行了
XY(59.40.*.*) 发表于：2009-07-17 17:18:14
#nav li a#current 为什么#nav li a后面放个 #current..不明白这个格式的用意
管理员回复：它表示定位到#nav下li下id为current的a标签上
sytmyy(222.138.*.*) 发表于：2009-07-01 09:59:50
定义了nav的那个主页浏览的时候鼠标移上去的时候就不会变色了是吧，要想每个导航按钮在浏览的时候，鼠标移上去都能变色，下面还有横线，应该怎么定义呢？是不是要给每个li a单独定义呢？
管理员回复：目前已经是移上时背景变色，你是说想让文字变色及下划线？那样需要在a:hover里设置显示下划线及文字颜色了。
anteng610(119.130.*.*) 发表于：2009-06-28 12:40:43
站长,你太好了,,这些教材不错,还详细的,谢谢,,又让我学到些东西..继续关注,希望能有更新的更多的...
管理员回复：不客气，谢谢关注
紫色嫣然(121.229.*.*) 发表于：2009-06-25 14:53:18
预览的时候发现 下面的那条线比导航左边突出了一点点！要怎么样才能和左边完全对齐呢？如果要下面一条线和导航完全一样的宽度的话，又要怎么设置呢？
紫色嫣然(121.229.*.*) 发表于：2009-06-25 14:50:57
预览的时候发现 下面的那条线比导航左边突出了一点点！要怎么样才能和昨天完全对齐呢？
管理员回复：把样式表中的margin-left:2px;改为margin-right:2px;就可以了。原来设置左侧外边距为2px，你改成右边距为2px，右侧不就没有了。
不错 (123.235.*.*) 发表于：2009-06-20 13:21:45
顶一下，点个广告支持一下，站长辛苦了！
管理员回复：谢谢啦
学习(117.22.*.*) 发表于：2009-06-19 15:13:43
#nav { height:26px; border-bottom:2px solid #2788da;} 中26px 是怎么算出来的？
管理员回复：不是算出来的，是我想把nav定义成这么高的。
菜鸟(221.130.*.*) 发表于：2009-06-18 10:35:31
比如说当前页面是“主页”这个页，就把id='current'放到主页的a链接上，如果当前页面是“常用代码”，就把id='current'放到常用代码的a上 这个怎么实现呢
管理员回复：如果你在在实际应用中你就知道怎么实现了
学习中。。。(119.183.*.*) 发表于：2009-06-17 17:14:30
首先说声谢谢。当我运行上面事例时，浏览器最大化一切正常，最小化时就变形了，麻烦站长解答一下！
管理员回复：给div定义个宽度
small(113.12.*.*) 发表于：2009-06-13 10:07:34
总算弄明白了 原来我添加的注释的方法不对 为什么 这个不行 而这个/**/又可以呢
管理员回复：html的注释和css的注释是不一样的
small(113.12.*.*) 发表于：2009-06-13 00:51:02
为什么我在IE8里面测试的时候 蓝色主页还有那条横线显示不出来 在IE6、7又可以 奇怪了？管理员知道是怎么回事吗 谢谢
管理员回复：这个应该属于兼容性问题，因为写这个例子时ie8好像还没出来呢
好江风(125.77.*.*) 发表于：2009-06-12 17:13:43
感谢楼主！！！！！！
南柯一梦(222.174.*.*) 发表于：2009-05-30 20:50:56
【引用】【每当换一个频道页面时，只需要将id='current'移动到当前频道所在的a元素中，即可完成颜色的切换。】这句话的意思是什么呢？是说id='current'的位置随着浏览网页自动变呢，还是认为再修改呢？认为修改不太可能吧，谁知道别人看的哪个导航栏目呢？谢谢站长~~
管理员回复：比如说当前页面是“主页”这个页，就把id="current"放到主页的a链接上，如果当前页面是“常用代码”，就把id="current"放到常用代码的a上
菜鸟(59.53.*.*) 发表于：2009-05-27 16:21:07
每个页面都相应的为当前所在页的a标记设置一个ID并设置css样式，那一般是使用链接式还是内嵌式方便？或者行内样式？
管理员回复：css最好是链接式的。
天天(221.11.*.*) 发表于：2009-05-27 16:05:14
你这页的 a href 后面是连接地址? 那如果我不连接 仅仅先有个横向导航.body 里面要怎么改?
管理员回复：不连接可以把href的值换成#呀，后来的不明白什么意思
沙漠飞侠(58.59.*.*) 发表于：2009-05-22 21:03:40
不错嘛！是个好网站，顶一下啊！
管理员回复：顶
感谢(59.173.*.*) 发表于：2009-05-21 16:46:07
现在在学校上DIV 总是排的不好。。。 实在是搞不懂。 学校老师讲的也不行。看了几篇新手的教程。 感觉写的太好了。 现在又看到还有管理员认真的回复。虽然现在我没提问题，但是我是支持贵站越办越好！！ 真是给新手的启蒙！！
管理员回复：欢迎常来，要多多宣传一下小站
琳琳(218.86.*.*) 发表于：2009-05-12 14:33:07
我做的例子导航下面的线条（border-bottom:2px solid #2788da;）怎么跑到上面去了呢？怎么调也调不好啊！
管理员回复：nav你给定义个高度就行了
TaoistWar(125.46.*.*) 发表于：2009-04-22 09:28:53
写成#nav li a#current与#current有区别吗?一个页面中的ID不是只有一个吗?
管理员回复：理论上是可以写成这样的，但实际上只有前面的写法才行。俺也纳闷中。。。
Guest(219.148.*.*) 发表于：2009-04-21 11:05:46
list-style:none;--------这个样式好像没起到作用吧？！
管理员回复：这个是去除列表前边默认的点，不加的话在FF浏览器下可以看到的
小牛(60.166.*.*) 发表于：2009-04-20 18:35:22
我想问下，如果我点了，非首页的连接是不是就会显示导航是蓝色啊！！！因为你没有外接连接所以开不出来
管理员回复：当前是哪个页面，在当前标签的a上加上 id="current"就行了
虾兵蟹将(58.19.*.*) 发表于：2009-04-16 21:15:13
请问如何能将导航条设置为固定的,因为当页面缩小时,导航条挤成几行了,很不好看,求教!
管理员回复：外层容器设置个宽度就行了
花儿(219.237.*.*) 发表于：2009-04-13 17:20:19
a#current 的写法是什么意思呀。我不明白。也不是ID的定义方法呀！感谢帮我回答一下。
管理员回复：它表示id为current的a标签
name(60.180.*.*) 发表于：2009-04-03 10:54:17
频道的切换，那不是又几个频道就要做几个页面了吗
管理员回复：频道切换可以用用asp或js来实现当前导航，可参考本站的导航实现方式
奋斗(219.131.*.*) 发表于：2009-02-21 17:02:26
padding: 15px;是高度的多少啊~~
管理员回复：padding:15px是指容器的内边距是15px
YY(218.17.*.*) 发表于：2009-02-13 10:36:59
你好 ，我加了链接以后为什么字总变成粉红色或蓝色啊 ？怎么让他不变啊谢谢
管理员回复：那需要定义a的颜色了，蓝色是默认没访问的链接颜色，紫色是默认访问过的链接颜色
兰儿(218.18.*.*) 发表于：2009-02-03 18:34:05
body {margin:0}，这个要加在哪里呢？我现在做出来下划线右边一直伸到了屏幕的右边，能不能控制下划线的宽度？
管理员回复：加到css里呀。下划线需要定义div宽度
star-_-#z(58.34.*.*) 发表于：2009-02-01 15:00:05
为什么我做好的效果鼠标移到首页的蓝色背景后会变色？而实例中并不会
管理员回复：用id不会，用class会
776w(58.42.*.*) 发表于：2009-01-17 22:56:52
继续学习，还没出现我要找的内容！
管理员回复：那就找哟！不好意思呀，你的广告网址都被删除了。感谢您对本站的支持，希望不要带和web无关的网址
32号.(116.252.*.*) 发表于：2009-01-08 22:23:01
我想请教下...如何才能让导航的文字靠在最左边?
管理员回复：如果是让整体靠最左边需在nav上加margin:0清除掉ul默认的外边距，再加个body{margin:0;}把body默认的外边距设为0就靠边了。如果是让li内的文字居左，把text-align:center去掉或改为left就行了。
Sun(220.249.*.*) 发表于：2009-01-08 18:41:08
你的网站办的非常好，请问学习css 和 div ，配套一些什么教材比较好？谢谢
管理员回复：建议您先阅读一下本站的这篇文章http://www.aa25.cn/535.shtml
lee(59.51.*.*) 发表于：2009-01-08 15:52:12
我想问下加的那条线右边超过了导航 能改成和导航一样长吗？
管理员回复：可以的。你可以试着改一下div的宽度
奋斗(219.131.*.*) 发表于：2009-01-01 00:55:26
主页左边 多了一点点的边。有没有办法去掉。
管理员回复：那是body默认的边距造成的，可以用body {margin:0}去掉
手心太阳(218.242.*.*) 发表于：2008-12-26 12:56:17
谢谢了...我达到了想要的效果
管理员回复：不客气
昨天来过(117.22.*.*) 发表于：2008-12-25 17:23:17
接上个贴 body中是 ... ..这样嵌套即可实现你要的居中效果
昨天来过(117.22.*.*) 发表于：2008-12-25 17:20:34
回 手心太阳 我想你想要的应该是这样的结果,用前面章节学过的嵌套div就可以实现你说的导航居中,并自定义左右边距了.大致如下:css #houbei {width:460px;margin-left:auto;margin-right:auto;} body中是:
淡漠(60.0.*.*) 发表于：2008-12-19 09:50:13
在第九节中去掉项目列表是设置了display:blokc;而这节中用的是list-style:none;请教一下两者该如何选择利用呢，它们的运用情况有什么规定没有？
管理员回复：display:block;是将元素转换为块状，并不是去掉项目列表前置符。list-style:none这个才是去掉前置符的
手心太阳(221.137.*.*) 发表于：2008-12-16 19:59:01
刚才的那个居中，我的意思是说文字再diV块里的居中。这是一个，另外一个是整个导航条，我想把他放在一个固定宽度的表格里（表格宽度大于导航宽度）的居中位置。我调了半天也弄不明白。虚心求教...谢谢管理员
管理员回复：你可以用padding-left设置一定的距离，这样设置成居中效果；或者设置div的宽度，然后用margin:auto设置居中
手心太阳(218.242.*.*) 发表于：2008-12-16 11:50:24
请问管理员：我想把导航栏放在居中位置 如何调整导航栏的位置
管理员回复：你指的是怎么居中？是整个固定宽度居中，还是整个自适应，那几个按钮居中？
xBlues(124.78.*.*) 发表于：2008-12-06 07:32:47
谢谢！这个教程对我很有帮助。最后一段运行代码中还是有两处错误，请更正。 标签a 写重复了，而且使用了单引号。
管理员回复：谢谢您的指正，运行代码中两处错误是由本站的站内链接造成的。
晕死2(219.133.*.*) 发表于：2008-12-02 16:48:44
最前面一个代码段和第一个可运行代码段中的ID Current位置不一致，日了，一个再li标签中，一个再a标签中
管理员回复：已更正，以运行框内的为准。谢谢您的提醒！
Guest(220.248.*.*) 发表于：2008-11-23 18:17:50
另外忘记说了，其实整个过程与UL没有什么关系，所以NAV这个样式可以去掉，直接作用与LI和A就可以了，大家可以试试去掉#nav，效果完全一样，另外一楼得朋友得说得，我试验了，要么去掉A，要么连在一起，都可以实现
阿伟(220.248.*.*) 发表于：2008-11-23 18:08:06
其实上面得并没有什么问题，只是一个组合样式得问题，组合样式分2种，大家好好把那个部分好好看看就知道了，主要作用其实就是限制一个作用范围，分开定义使用一样可以得，我实践了，没有问题
hao366.net(219.143.*.*) 发表于：2008-07-07 10:17:02
怎么实现让ID=current移动到当前按扭呢?
管理员回复：因为当前页面每个链接都不一样，比如主页链接的是index.asp，其它的如1.asp,2,asp，这样可以在每个页面上把ID=current加到当前页面的标示上即可实现。但有些时候我们的头部文件都是包含的，这时可采用asp判断链接地址的方法或JS判断等都可实现，本站的导航就是采用JS来实现的。
秦商(222.177.*.*) 发表于：2008-06-24 15:14:07
#nav li a#current { background-color:#2788da; color:#fff;}为什么要把#nav li a#current写完整才能表现出效果，而只定义#current不行，#current在逻辑上完全可以成为独立样式存在。望解答！谢谢
管理员回复：这个问题我也一直觉得蹊跷，单加个#current是不生效的，而且写成这样也不生效#nav li a #current（即在a和#之间加个空格），理论上加不加空格都不影响的

我要评论

推荐文章

热门文章

最新图片素材

    立体办公用品图标EPS矢量素材

最新评论文章

在线交流QQ群

  • 106310407(开)
  • 55427134(开)
  • 2993401(开)
  • 30235673(开)
  • 33424604(开)
  • 2993401(开)
  • 161512108(开)
  • 161510519(开)
  • 158375021(开)
  • 155858414(开)
  • 143309878(开)
  • 16373807(开)
  • 129098721(开)
  • 123473199(开)
  • 146991009(开)
  • 135792800(开)