做了一个MENU的下拉TITLE,为什么点击后,字就变大了呢.哪里有问题呢?

tengye19840704 2010-01-24 01:38:12
下面是下拉MENU的一些设置,只在navigation3那项有问题,可是点击<作業管理>的时候里面的字的位置和大小会变,为什么? navigation3和navigation2 是一样的.只是长度不一样而以.
/*TOP画面*/
* {
padding:0;
margin:0;
}
body {
font-family:verdana, sans-serif;
font-size:small;
}
#navigation1, #navigation1 li ul {
list-style-type:none;
}
#navigation1 {
margin:1px;
}
#navigation1 li {
float:left;
text-align:left;
position:relative;
margin-left: 0px;
}

#navigation1 li a:link, #navigation1 li a:visited {
display:block;
text-decoration:none;
color:#000;
width:90px;
height:20px;
line-height:20px;
border:1px solid #fff;
border-width:0px 0px 1 0;
/*title字の位置*/
padding-left:10px;
font-size:12px;
}
/*title選択の色*/
#navigation1 li a:hover {
background:#2687eb;
}
/*list選択の色*/
#navigation1 li ul li a:hover {
color:#fff;
}
/*listの設定*/
#navigation1 li ul {
display:none;
position:absolute;
top:20px;
left:0;
margin-top:1px;
width:45px;
background-image:url(../IMG/menu15.bmp);
padding-left:26px;

}
/*案件処理と案件照会*/
#navigation2, #navigation1 li ul {
list-style-type:none;
}
#navigation2 {
margin:1px;
}
#navigation2 li {
float:left;
text-align:left;
position:relative;
margin-left: 0px;
}

#navigation2 li a:link, #navigation2 li a:visited {
display:block;
text-decoration:none;
color:#000;
width:85px;
height:20px;
line-height:20px;
border:1px solid #fff;
border-width:0px 0px 1 0;
/*title字の位置*/
padding-left:10px;
font-size:12px;
}
/*title選択の色*/
#navigation2 li a:hover {
background:#2687eb;
}
/*list選択の色*/
#navigation2 li ul li a:hover {
color:#fff;
}
/*listの設定*/
#navigation2 li ul {
display:none;
position:absolute;
top:20px;
left:0;
margin-top:1px;
width:85px;
background-image:url(../IMG/menu15.bmp);
padding-left:26px;

}
/*作業管理*/

#navigation3, #navigation1 li ul {
list-style-type:none;
}
#navigation3 {
margin:1px;
}
#navigation3 li {
float:left;
text-align:left;
position:relative;
margin-left: 0px;
}

#navigation3 li a:link, #navigation2 li a:visited {
display:block;
text-decoration:none;
color:#000;
width:95px;
height:20px;
line-height:20px;
border:1px solid #fff;
border-width:0px 0px 1 0;
/*title字の位置*/
padding-left:10px;
font-size:12px;
}
/*title選択の色*/
#navigation3 li a:hover {
background:#2687eb;
}
/*list選択の色*/
#navigation3 li ul li a:hover {
color:#fff;
}
/*listの設定*/
#navigation3 li ul {
display:none;
position:absolute;
top:20px;
left:0;
margin-top:1px;
width:98px;
background-image:url(../IMG/menu15.bmp);
padding-left:26px;

}

/*オプション*/
#navigation4, #navigation1 li ul {
list-style-type:none;
}
#navigation4 {
margin:1px;
}
#navigation4 li {
float:left;
text-align:left;
position:relative;
margin-left: 0px;
}

#navigation4 li a:link, #navigation4 li a:visited {
display:block;
text-decoration:none;
color:#000;
width:275px;
line-height:20px;
border:1px solid #fff;
border-width:0px 0px 1 0;
/*title字の位置*/
padding-left:10px;
font-size:12px;
}
/*title選択の色*/
#navigation4 li a:hover {
background:#2687eb;
}
/*list選択の色*/
#navigation4 li ul li a:hover {
color:#fff;
}
/*listの設定*/
#navigation4 li ul {
display:none;
position:absolute;
top:20px;
left:0;
margin-top:1px;
width:45px;
background-image:url(../IMG/menu16.bmp);
padding-left:28px;

}
HTML的代码
<table class="menu_table"style="margin-top: -3px;">
<TR height="25px">
<td class="menu_7">
<a href="#" style="color:white"><FONT class="menu_font_white" ><B>個人MENU</B></FONT></a>
</td>

<td class="menu_8">
<ul id="navigation1">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#"><FONT class="menu_font_white" ><B>TOP画面</B></FONT></a>
<ul>
<li><a href="../USR_SCR005/USR_SCR005.html">TOP画面</a></li>
</ul>
</li>

</ul>
</td>
<td class="menu_9">
<a href="#" style="color:white"><FONT class="menu_font_white" ><B>起票</B></FONT></a>
</td>
<td class="menu_10">
<ul id="navigation2">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#"><FONT class="menu_font_white"><B>案件処理</B></FONT></a>
<ul>
<li><a href="../USR_SCR0061/USR_SCR0061.html">業務一覧</a></li>
</ul>
</li>

</ul>
</td>
<td class="menu_11">
<ul id="navigation2">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#"><FONT class="menu_font_white" ><B>案件照会</B></FONT></a>
<ul>
<li><a href="../USR_SCR007/USR_SCR007.html">進捗一覧</a></li>
<li><a href="../USR_SCR008/USR_SCR008.html">実績一覧</a></li>
<li><a href="../USR_SCR028/USR_SCR028.html">統合進捗管理</a></li>
</ul>
</li>

</ul>
</td>
<td class="menu_12">
<ul id="navigation3">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#"><FONT class="menu_font_white" ><B>作業管理</B></FONT></a>
<ul>
<li><a href="#">作業管理</a></li>
<li><a href="../USR_SCR028/USR_SCR028-1.html">統合進捗管理</a></li>
<li><a href="../USR_SCR0061/USR_SCR0061.html">業務一覧</a></li>
</ul>
</li>

</ul>
</td>
<td class="menu_13">
<a href="#" style="color:white"><FONT class="menu_font_white" ><B>管理</B></FONT></a>
</td>
<td class="menu_14">
<ul id="navigation4">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#" style="color:white"><FONT class="menu_font_white" ><B>オプション</B></FONT></a>
<ul>
<li><a href="#">BOX仕訳ルール作成</a></li>
<li><a href="#">一覧表示カスタマイズ </a></li>
<li><a href="#">TOP表示カスタマイズ </a></li>
<li><a href="#">利用言語設定 </a></li>
<li><hr style="width:270px;color:6699FF"></hr></li>
<li><a href="../../USE_OPT/USR_OPT_SCR001/USR_OPT_SCR001.html"">代理定義</a></li>
<li><a href="#">兼任選択</a></li>
<li><a href="#">パスワード変更</a></li>
<li><a href="#">ログイン履歴</a></li>
</ul>
</li>

</ul>
</td>
</TR>
</table>
...全文
88 点赞 收藏 4
写回复
4 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
abcjack145 2010-01-25
up
回复
tengye19840704 2010-01-25
1
回复
tengye19840704 2010-01-24
我这没那东西现在,55
回复
呼吸先生 2010-01-24
用Firefox的Firebug跟中一下样式。
回复
相关推荐
基于java的企业人事管理系统设计--软件工程课程设计(含源码与论文设计).rar 1 引言 4 1.1 课程设计目标 4 1.2 编程工具(编程环境)介绍 4 1.3 实施时间及主要实施步骤 4 2 需求分析 5 3 系统总体设计 6 4 数据库设计 6 5 主要功能模块的设计与实现 10 5.1 功能模块1详细设计(综合查询员工信息)..........................................................10 5.1.1 详细设计.......................................................................................................10 5.1.2 算法流程........................................................................................................15 5.1.3 界面设计及测试结果.....................................................................................15 6 调试分析 15 7 用户手册 16 8 测试结果 17 8.1 员工信息的添加...................................................................................................17 8.2 员工信息的修改...................................................................................................17 8.3 员工信息的删除...................................................................................................18 8.4 员工信息的综合查询...........................................................................................18 8.5 员工信息按性别统计的结果................................................................................19 8.6 员工信息按状态统计的结果...............................................................................19 8.7 员工信息按职称统计的结果................................................................................20 9 结论 20 10 参考文献 20
发帖
JavaScript
创建于2007-09-28

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2010-01-24 01:38
社区公告
暂无公告