作者Chyih (BCC)
看板Digital_Art
標題[請益] 請幫我看程式碼
時間Sat Oct 30 17:47:12 2010
可以幫我看一下程式碼嗎
這是我的HTML檔
現在下拉式選單是橫式的
我想把我的下拉式選單改成都是直的
請問是哪個語法控制的呢
我找不到...窘
謝謝!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu</title>
<style type="text/css">
<!--
#cm-nav li a.arrow {background-image: url(arrow-right.gif)}
#cm-nav > li > a.arrow {background-image: url(arrow-down.gif)}
ul#cm-nav
{font-family:helvetica,arial,sans-serif;margin:0;padding:0;float:left;width:100%;}
ul#cm-nav li {margin:0;padding:0;list-style:none;float:left;margin:0 0.3em 0
0;}
ul#cm-nav li a {text-decoration:none;display:block;padding:0.3em
0.5em;border-top:0.4em solid silver;border-bottom:0.4em solid
silver;color:#003;background:#fff;font-size:0.8em;width:8em;text-align:center;}
ul#cm-nav li a:hover {border-top:0.4em solid #900;border-bottom:0.4em solid
#900;color:#000;text-transform:uppercase;}
#cm-nav li li a {margin: 0px 0px -1px}
#cm-nav > li > a.arrow {padding-right: 14px}
#cm-nav ul.arrow-pad > li > a {padding-right: 11px}
#cm-nav li a.arrow ,
#cm-nav > li > a.arrow {
background-position: right 50%;
background-repeat: no-repeat
}
#cm-nav li:hover > a {color: white}
#cm-nav li ul ,
#cm-nav li:hover ul ul ,
#cm-nav li:hover ul ul ul ,
#cm-nav li:hover ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul {
display: none;
z-index: 999;
position: absolute
}
#cm-nav li:hover ul {display: block}
#cm-nav li li:hover ul ,
#cm-nav li li li:hover ul ,
#cm-nav li li li li:hover ul ,
#cm-nav li li li li li:hover ul ,
#cm-nav li li li li li li:hover ul ,
#cm-nav li li li li li li li:hover ul {
display: block;
margin-left: 100%
}
#cm-nav li:hover ul {margin-left: 0px}
#cm-nav ul ul {
left: -1px;
top: 1px
}
#cm-nav li {top: -1px}
#cm-nav a {padding-top: 6px}
#cm-nav a {padding-bottom: 6px}
#cm-nav a {padding-left: 6px}
#cm-nav a {padding-right: 6px}
#cm-nav a {font-weight: bold}
#cm-nav a {font-family: arial}
#cm-nav a {font-size: 12pt}
#cm-nav a {font-variant: small-caps}
#cm-nav a {background-color: #e0e02d}
#cm-nav li:hover > a {background-color: transparent}
#cm-nav a {border-color: transparent}
-->
</style>
</head>
<? include "index.html" ?>
<body>
<ul id="cm-nav">
<li><a href="index.php">首頁</a></li>
<li><a href="#" class="arrow no-click">求職者資料比較</a>
<ul>
<li><a href="view_position.php">多維度圖表分析</a></li>
<li><a href="view_suggest.php">求職者分數比較</a></li>
</ul>
</li>
<li><a href="insert_position.php">新增職務</a></li>
<li><a href="login.php">登入</a></li>
</ul>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.117.237.249
1F：→ CHAOS316:有Web_Design版 10/30 22:29