作者keepery (><)
看板Web_Design
標題[問題] 請問一下用css做下拉水平選單
時間Mon Dec 10 20:59:05 2007
我想用css做像這個一樣
http://www.emailcash.com.tw/
例如按賺取e元 下拉選單可以從此按鈕左下方開始出現
我去網路上找資料，像這樣
#menu {
width: 100%;
background: #eee;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 5em;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px ;
}
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}
#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}
#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {position: relative;
}
#menu ul ul {
position: absolute;
z-index: 500;
width:500px;
float:left;
}
#menu ul ul li {
float:left;}
div#menu ul ul,
div#menu ul li:hover ul ul,
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
{display: block;}
==================================
<div id="menu">
<ul>
<li><h2><a href="#">公司簡介</a> </h2>
<ul>
<li><a href="tjoin.php">歷史</a></li>
<li> <a href="sjoin.php">產品</a></li>
</ul>
</li>
</ul>
</div>
由於我想把公司簡介擺在首頁最右邊
但他下拉選單還是從右邊延伸出去
不知道怎麼讓下拉後的水平選單可以從左邊延伸過去...?
謝謝！
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.171.177.16
1F：→ keepery:因為我只會用CSS做...如果有其他方法希望可以講詳細一點 12/10 21:04
2F：→ keepery:我再找資料 12/10 21:05
3F：推 forkome:可以用Dreamweaver的圖層，將圖層預設成hidden 12/10 23:55
4F：→ forkome:之後使用onMouseOver來顯示圖層,選項再設onMouseOut為隱藏 12/10 23:56
6F：→ forkome:不過個人還是認為圖層方式最簡單 12/10 23:58
7F：→ keepery:謝謝你~~~ 12/13 17:20