Question

在dreamweaver cs 4中怎么修改spry菜单栏的高度

如题 怎么改height

Answer 1

在css文件里面改的！ 先找到这个样式：ul.MenuBarHorizontal li 在里面加上一个 height:30px;(你的高度) 还有ul.MenuBarHorizontal li a 加上 height:30px;(你的高度)

Answer 2

要修改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.  保存并测试

注意事项:如图片太小，可以点击放大查看或下载到本地查看