就是说导航字不在是12号或14号字体！而是特殊的字体！这就需要切出图片表现了把！
我的想法是跟文字一样的表现手法 就是<li></li>之间不在是文字，而是图片地址 然后控制手法跟文字一样的套路 浮动 不知道我这个想法对不对呢？

用background 替换 然后然后 text-indent 让文字 overflow hidden

2楼兄弟能在说仔细点吗？难道我的方法不行吗？直接把这些特殊文字切成图片 然后浮动也可以达到效果！
我这样做是不是不利于SEO啊？
而像你说的用background 替换 然后然后 text-indent 让文字 overflow hidden这种方法是标准的！
请仔细说说！
谢谢！
我想明白为什么

如果用背景替换法  岂不是要给每一个LI赋予个ID 然偶单独控制每一个ID

[ 本帖最后由 sunyuanji1 于 2008-5-16 23:47 编辑 ]

直接把这些特殊文字切成图片 然后浮动也可以达到效果。。。。

这句话是不错的，只是界面是有了，点击无效。

点击有效！把图片加上链接！怎么能点击无效呢？？我就是不知道这标准不标准

想知道标不标准，去w3验证一下就知道了。

引用:

原帖由 sunyuanji1 于 2008-5-17 10:47 发表
点击有效！把图片加上链接！怎么能点击无效呢？？我就是不知道这标准不标准

嗯，我理解错误了。以为你是指将图片设为背景。如果是在LI之间用上img，这当然是标准的。
缺点时喜欢裸跑的或用手机上网的看不到文字。所以要用上2楼的方法。

导航菜单用图片没意思吧。。

<style> .b { width : 74px; height : 29px; line-height : 29px; } .b a { text-indent : -9999px; overflow : hidden; background : url(http://bbs.blueidea.com/images/default/reply.gif) no-repeat; display : block; } </style> <div class="b"><a href="#">回复</a></div>
 提示：您可以先修改部分代码再运行

谢谢所有回答我问题的朋友！
  <ul id="nav-main">
  <li><a id="a1" href="#">首页</a></li>
  <li><a id="a2" href="#">经营管理</a></li>
  <li><a id="a3" href="#">联系我们</a></li>
  <li><a id="a4" href="#">企业文化</a></li>
  <li><a id="a5" href="#">活动快讯</a></li>
  <li><a id="a6" href="#">人事信息</a></li>
  <li><a id="a7" href="#">员工生活</a></li>
  <li><a id="a8" href="#">新闻视点</a></li>
  <li><a id="a9" href="#">服务中心</a></li>
  </ul>
这是CSS控制
#nav-main a {
       display: block;
       text-indent: -9999px;
       overflow: hidden;
       background-repeat: no-repeat;
}
#a1 {
       background-image: url(IMAGES/shouye.jpg);
       height: 14px;
       width: 38px;

如果说用IMG标签的话，可以省一些代码 不用给每个导航ID 用图片替换的话还的分别给A设置不同的背景！和大小！

如果是在LI之间用上img，这当然是标准的。缺点时喜欢裸跑的或用手机上网的看不到文字。这个到没什么 我不在乎！ 只要标准就行了！
也就是说用IMG来标签 也符合标准被？ 就是不利于SEO是把！

技术也分时髦和过时的.技术员也应该像小姑娘一样,多赶时髦.