围绕水平间谍菜单栏

	围绕水平间谍菜单栏 Lee Margolies - 2009年11月5日 我试图中心页面上水平间谍菜单栏. 由于某种原因，即, FF和野生动物园都留下辩护的菜单，如果我没有填充属性（见下文在UL）.Menubarhorizontal它改变整个酒吧大约20像素的权利. 任何帮助，您可以提供欣赏... Thanx, LM 网站地址: http://www.Capitologic.com /测试/指数.html Sprymenubarhorizontal.的CSS: @字符集“的UTF - 8”; / * sprymenubarhorizontal.的CSS -版本0.6 -轻快发布前1.6.1 * / / *版权所有（C）2006. Adobe系统公司. 保留所有权利. * / /************************************************* ****************************** 布局信息: 描述盒模型, 定位, Z顺序 ************************************************** ***************************** / / *在菜单栏的最外层容器, 自动宽度中，没有保证金或填充* / UL认证.Menubarhorizontal { 保证金: 0; 填充: 0; 宽度: 666px; } / *设置这个类的活动菜单栏, 目前设置Z -索引，以适应IE渲染错误: http:/ / therealcrisp.网页寄存.倪/ meuk /也就是说，zindexbug.html * / UL认证.Menubaractive { Z -索引: 1000; } / *菜单项容器, 相对位置的儿童这个容器中的，而且是固定的宽度* / UL认证.Menubarhorizontal李 { 列表样式类型: 无; 字体大小: 100％; 立场: 亲属; 线高度: -15; 游标: 指针; 宽度: 133.2px; 浮动: 左; } / *子菜单应该会出现低于其父母（顶部: 0）具有较高的Z -指数, 但他们最初从屏幕的左边（- 1000em）* / UL认证.Menubarhorizontal UL认证 { 保证金: 0; 填充: 0; 列表样式类型: 无; 字体大小: 100％; Z -索引: 1020; 游标: 违约; 左边: - 1000em; 宽度: 160px【来电; 立场: 绝对的; 背景色: ＃005dab; 彩色: ＃000; } / *子是与类指定显示menubarsubmenuvisible, 我们设置为自动离开，所以到低于其父菜单项*屏幕来/ UL认证.Menubarhorizontal UL认证.Menubarsubmenuvisible { 左边: 汽车; } / *菜单项容器是一样的父母*固定宽度/ UL认证.Menubarhorizontal李UL认证 { 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 12px; 字体重量: 正常; 宽度: 160px【来电; 边框宽度: 1px 2px 1px 2px; 边框风格: 固体; 边框色: ＃005dab; 背景色: 透明; 浮动: 无; 保证金: 0 0 0 -1.5％; } / *子是与类指定显示menubarsubmenuvisible, 我们设置为0，离开，所以在屏幕上*来/ UL认证.Menubarhorizontal UL认证.Menubarsubmenuvisible UL认证.Menubarsubmenuvisible { 左边: 汽车; 顶端: 0; } /************************************************* ****************************** 设计资料: 介绍了配色方案, 边界, 字体 ************************************************** ***************************** / / *菜单项是轻质填充灰色块，没有文字装饰* / UL认证.Menubarhorizontal 1 { 显示: 块; 游标: 指针; 背景色: ＃000; 填充: 0.5em 0.75em; 彩色: ＃005dab; 文字装饰: 无; 文本对齐: 中心; } / *菜单项已超过或重点鼠标有蓝色背景和白色文字* / UL认证.Menubarhorizontal 1:悬停, UL认证.Menubarhorizontal 1:焦点 { 背景色: ＃005dab; 彩色: ＃000; } UL认证.Menubarhorizontal UL认证1（ 文本对齐: 左; } / *菜单项的子菜单设置为menubaritem悬停一个蓝色的背景和白色文字*打开/ UL认证.Menubarhorizontal 1.Menubaritem悬停, UL认证.Menubarhorizontal 1.Menubaritemsubmenu悬停, UL认证.Menubarhorizontal 1.Menubarsubmenuvisible { 文字装饰: 毫无 } / *破解的，即: 稳定的菜单项的外观，在浮动斜线是保持即5.0的解析* / @萤幕, 投影 { UL认证.Menubarhorizontal李.Menubaritemie { 显示: 内联; F \浮点型: 左; } } ************************************************** ********************************** 主要的.的CSS: @字符集“的UTF - 8”; / *顶部, 右边, 底部, 左* / 上半年（ 字体大小: 14px; 彩色: ＃000; } 氢气（ 字体大小: 13px; 彩色: ＃000; } 身体（ 字体家庭: 宋体, 海尔维希, 无衬线; 背景重复: 重复; 背景图像: 网址（../图像/ bkgdimage.巴新）; 保证金: 0; 填充: 0; 立场: 亲属; 文本对齐: 中心; } ＃包装（ 背景色: ＃000; 宽度: 1004px; 字体家庭: 宋体, 海尔维希, 无衬线; 文本对齐: 左; 彩色: ＃000; 保证金左: 汽车; 缘权: 汽车; } ＃sidebar左边（ 字体家庭: 宋体, 海尔维希, 无衬线; 保证金: 0px; 浮动: 左; 填充: 0px; 高度: 608px; 宽度: 160px【来电; 边界: 3px固体＃038; } ＃sidebarright（ 背景色: ＃000; 保证金: 0px; 填充: 0px; 高度: 608px; 宽度: 160px【来电; 浮动: 左; 字体家庭: 宋体, 海尔维希, 无衬线; 彩色: ＃000; 边界: 3px固体＃038; } ＃主要的body（ 字体家庭: 宋体, 海尔维希, 无衬线; 彩色: ＃000; 背景色: ＃000; 填充: 0px; 高度: 608px; 宽度: 672px; 浮动: 左; 缘权: 汽车; 保证金左: 汽车; 边框顶部宽: 3px; 边框底部宽度: 3px; 边境顶式: 固体; 边框底式: 固体; 边境顶色: ＃038; 边框底彩色: ＃038; 立场: 亲属; } ＃头（ 字体家庭: 宋体, 海尔维希, 无衬线; 彩色: ＃000; 缘权: 汽车; 保证金左: 汽车; 高度: 99px; 宽度: 666px; 边框顶部宽: 3px; 边界右宽: 2px; 边框底部宽度: 2px; 边境左宽: 2px; 边境顶式: 固体; 边界右式: 固体; 边框底式: 无; 边境左式: 固体; 边境顶色: ＃电器和电子设备; 边界权色: ＃电器和电子设备; 边框底彩色: ＃电器和电子设备; 边境左色: ＃电器和电子设备; } ＃的Navbar（ 背景色: ＃005dab; 宽度: 662px; 缘权: 汽车; 保证金左: 汽车; 保证金底: 0px; 边界右宽: 2px; 边境左宽: 2px; 边框底部宽度: 2px; 边界右式: 固体; 边框底式: 固体; 边境左式: 固体; 边界权色: ＃005dab; 边框底彩色: ＃005dab; 边境左色: ＃005dab; 高度: 30px; 立场: 亲属; } / * ----------------头具体样式----------------* / ＃1的Navbar丽:链接, ＃1的Navbar丽:访问（ 显示: 块; 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 15px; 字体重量: 大胆的; 彩色: ＃005dab; 文字装饰: 无; 线高度: 24px; 缘权: 2px; 保证金左: 0％; 填充: .为为2em .5em; } ＃1的Navbar丽.当前的, ＃1的Navbar丽.当前的:悬停, ＃1的Navbar丽.当前的:积极（ 彩色: ＃000; 游标: 违约; 背景色: ＃005dab; } ＃1的Navbar丽:悬停, ＃1的Navbar丽:积极（ 彩色: ＃000; 背景: ＃005dab; } ＃Navbar的李UL认证1:链接, ＃Navbar的李UL认证1:访问（ 字体大小: 13px; 字体重量: 正常; 保证金左: 汽车; 缘权: 汽车; 填充: .为为2em .5em; } ＃Navbar的李UL认证1:悬停, ＃Navbar的李UL认证1:Actve（ 彩色: ＃000; 背景: ＃005dab; } ＃bodytext（ 填充: 5px; 高度: 225px; 保证金顶: 5px; 缘权: 5px; 保证金底: 5px; 保证金左: 5px; } ＃imagesboxes（ 背景色: ＃000; 高度: 175px; 保证金: 0px; 填充顶: 0px; 填充右: 0px; 填充底: 0px; 宽度: 继承; } ＃sidebarright＃headlinesbox＃文本（ 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 14px; 文本对齐: 左; 宽度: 157px; 填充: 0px; 保证金: 0px; } ＃imagesboxestitle（ 背景色: ＃000; 保证金: 0px; 填充: 0px; 高度: 20px; 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 14px; 彩色: ＃000; 文本对齐: 中心; 垂直对齐: 中间; 字体重量: 大胆的; } ＃imagebox1（ 背景色: ＃000; 保证金: 0px; 填充: 0px; 宽度: 168px; 高度: 127px; 浮动: 左; } ＃imagebox2（ 背景色: ＃000; 保证金: 0px; 填充: 0px; 宽度: 168px; 高度: 127px; 浮动: 左; } ＃imagebox3（ 背景色: ＃000; 保证金: 0px; 填充: 0px; 宽度: 168px; 高度: 127px; 浮动: 左; } ＃imagebox4（ 背景色: ＃000; 保证金: 0px; 填充: 0px; 宽度: 168px; 高度: 127px; 浮动: 左; } ＃公司使命（ 背景色: ＃000; 宽度: 161px; 高度: 74px; 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 14px; 彩色: ＃000; 文本对齐: 中心; 字体重量: 大胆的; 显示: 表细胞; 线高度: 14px; } ＃headlinesbnr（ 高度: 28px; 宽度: 161px; 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 16px; 字体重量: 大胆的; 彩色: ＃000; 背景图像: 网址（../图像/ headlinesbnr.JPG格式）; 线高度: 28px; 文本对齐: 中心; } ＃headlinesbox（ 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 14px; 彩色: ＃000; 背景色: ＃000; 文本对齐: 中心; 保证金: 0px; 高度: 305px; 填充: 0px; 字体重量: 大胆的; } ＃headlinesfeed（ 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 12px; 彩色: ＃000; 文本对齐: 左; 显示: 块; 宽度: 155px; 缘权: 汽车; 保证金左: 汽车; 字体重量: 大胆的; 高度: 287px; } ＃rssbnr（ 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 16px; 彩色: ＃000; 背景图像: 网址（../图像/ headlinesbnr.JPG格式）; 保证金: 0px; 填充: 0px; 高度: 28px; 宽度: 161px; 文本对齐: 中心; 线高度: 28px; } ＃rssbox（ 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 14px; 彩色: ＃000; 背景色: ＃000; 文本对齐: 中心; 保证金: 0px; 填充: 0px; 字体重量: 大胆的; 线高度: 97％; } ＃rssfeed（ 字体家庭: 宋体, 海尔维希, 无衬线; 字体大小: 12px; 彩色: ＃000; 文本对齐: 左; 显示: 块 宽度: 155px; 保证金左: 汽车; 缘权: 汽车; }

	重新: 围绕水平间谍菜单栏 Fernando Mol - 11-06-2009 你需要发挥你的宽度. 现在, 您的菜单整个宽度不分裂的菜单元素有多少你自己. 记住, 在像素屏幕措施. 改变您的中心列的宽度（如你有你的菜单上安装），使之成为可分为5分的宽度, 在您的菜单项有多少. 那么, 发挥您的列表项和边界宽度以适合它. 我希望这有助于 *记得分享您的站点链接和速度的职位. 这是一个免费为您服务，为我们.

	重新: 围绕水平间谍菜单栏 Lee Margolies - 11-06-2009 感谢您的帮助... 我试图调整宽度和它尚未到家太小或太长. 因为轻快嵌套div标签（的Navbar）, 我只需要调整该div的宽度为5或多个，我需要再上涨链? 再次感谢! LM 李马戈利斯 http://www.Lmcreativemotion.com 叽叽喳喳: @ LMcreativemotio

	重新: 围绕水平间谍菜单栏 Fernando Mol - 11-07-2009 菜单是一个容器内. 该容器必须除以5平方数. 这是你的号码必须给每个菜单的宽度元素. 考虑boders. 我不告诉你从哪里可以把号码, 但这是一个试错的过程, 但我希望你的想法. 遵循这样的规则太: 数字的分割必须是一对. *记得分享您的站点链接和速度的职位. 这是一个免费为您服务，为我们.