在css文件里面改的! 先找到这个样式:ul.MenuBarHorizontal li 在里面加上一个 height:30px;(你的高度) 还有ul.MenuBarHorizontal li a 加上 height:30px;(你的高度)
要修改spry菜单栏的高度可以按下面步骤进行:
工具:Dreamweaver,firefox,firebug
需要熟悉:html,css
步骤如下:
1. 插入spry菜单栏
Dreamweaver选择插入-布局对象-spry菜单栏,如下图所示
代码视图会出现Dreamweaver自动给我们添加的js与css文件,如下图所示:
2. 找到spry相应的CSS,按上图所示CSS文件为: SpryMenuBarHorizontal.css
3. 修改CSS
定位到保存的html文件,用firefox打开,并在显示的菜单项上右键点击使用firebug查看元素,如下图所示
firebug会自动启动并定位到选择的菜单项代码上,如下图所示
修改成想要的高度:
Height:8em;line-height:8em;除了高度其它的css值也可以在这里添加修改,如下图所示
4. 将修改的代码同步修改到SpryMenuBarHorizontal.css文件中.
5. 保存并测试
注意事项:如图片太小,可以点击放大查看或下载到本地查看