想修改下拉菜单的样式,谁帮帮我
如下代码,显示一个下拉菜单,大家可以运行看一下,其中子菜单的样式我不满意,1,想把子菜单的下划线去掉,不知道该怎么去掉,
2,子菜单的颜色在哪里改啊?
<!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 type= "text/css "> body { margin: 0px 0 20px 0; background-color: #ffffff; text-align: center; }
a img { border: none; }
#navBar ul li { list-style-type: none; display: block; float: left; }
/* Dropdowns */ #nav, #nav ul { padding: 0; margin: 0; list-style: none; }
#nav a { display: block; }
#nav li ul { position: absolute; left: -999em; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li ul li a { background-color: #303030; color: #f2f2f2; font-size: 12px; padding: 5px 0 2px 7px; border-top: 1px solid #fff; font-weight: bold; }
#nav ul li a:hover { text-decoration: none; background-color: #415166; color: #fff; font-size: 12px; font-weight: bold; }
/*#nav ul li a.last { border-bottom: none; }
*/ #subMenuAbout, #subMenuAbout li a, #subMenuAbout li a:hover {width: 100px;}
#subMenuServices, #subMenuServices li a, #subMenuServices li a:hover {width: 100px;}
#subMenuPortfolio, #subMenuPortfolio li a, #subMenuPortfolio li a:hover {width: 180px;}
#subMenuResources, #subMenuResources li a, #subMenuResources li a:hover {width: 100px;}
#subMenuNews, #subMenuNews li a, #subMenuNews li a:hover {width: 100px;}
</style>
<script language= "javascript " type= "text/javascript ">
<!--//--> <![CDATA[//> <!--
sfHover = function() {
var sfEls = document.getElementById( "nav ").getElementsByTagName( "LI ");
for (var i=0; i <sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+= " sfhover ";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp( " sfhover\\b "), " ");
}
}
}
if (window.attachEvent) window.attachEvent( "onload ", sfHover);
//--> <!]]>
</script>
</head>
[解决办法]
代码太多,懒的看了
是不是菜单中字的下面有下划线呀?
如果是这样就把css中所有的a加上text-decoration: none;
就可以了
[解决办法]
你让美工给你做一个css样式阿;