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

如题 怎么改height
2024-11-13 04:01:01
推荐回答(2个)
回答1:

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

回答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.  保存并测试

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