討論區快速選單
知識庫快速選單
討論區最近新進100則主題 掌握Salesforce雲端管理秘訣
[ 回上頁 ] [ 討論區發言規則 ]
asp執行css下拉式選單
更改我的閱讀文章字型大小
作者 : aya622(Kay)
[ 貼文 2 | 人氣 0 | 評價 0 | 評價/貼文 0 | 送出評價 0 次 ] 
[ 給個讚 ]  [ 給個讚 ]  [ 回應本文 ]  [ 發表新文 ]  [ 回上頁 ] [ 回討論區列表 ] [ 回知識入口 ]
2012/11/19 下午 01:13:54
各位版大好, 小妹目前剛接觸asp不久, 所以遇到問題想請問各位版大, 希望能夠幫忙看一下問題出在哪
我想做一個首頁的按鈕下拉式選單, 去參考網站的範例改了一個htm檔

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCType html Public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ANSI">
<title>無標題文件</title>
<style Type="text/css">
<!--
@import url("1.css");

-->
</style>
<link href="1.css" rel="stylesheet" Type="text/css" />
<style Type="text/css">
<!--
.style1 {font-size: 18px}
-->
</style>
</head>
<body>
 <center>
<div id="topPan">
  <p align="left" class="style1"> </p>
<div id="topMenuPan">
<div class="style1" id="topMenuLeftPan">
<div id="topMenumiddlePan">
  <div align="left">
    <ul>
    
     <li class="style1"><a href='#'>首頁</a></li>
     <li class="style1"><a href='main_Chief.asp'>主管的話</a></li>
     <li class="style1"><a href='main_News.asp'>最新消息</a></li>
   <li class="style1"><a href='#'>公司簡介</a>
     <ul>
     <li class="style1"><a href='#'>部門介紹</a></li>
     <li class="style1"><a href='#'>成員介紹</a></li>
     </ul>
   <li class="style1"><a href='#'>研究發展</a></li>
   <li class="style1"><a href='#'>資訊</a></li>
   <li class="style1"><a href='#'>服務</a></li>
    </ul>
  </div>
</div>
</div>
</body>
</html>

---------------------------------------------------------------------------
另外裡頭的1.css內容則是

@charset "utf-8";
.style.css {

body {
padding : 0;
margin : 0;
background : url(images/mainbg.gif) 0% 0% repeat-x #fff;
color : #5e5e5e;
font : 13px/18px Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 24px;
font-size: 24px;
}
div, p, ul, h2, h3, img {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
ul {
list-style-Type : none;
}
#topPan {
width : auto;
height : auto;
position : relative;
background : url(images/topPan-bg.gif) 0% 0% repeat-x #15aefd;
color : #000000;
padding : 0;
background-image: url(images/s.gif);
background-color: #000000;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-size: 16px;
}
#topPan img.logo {
width : 245px;
height : 37px;
position : absolute;
top : 33px;
left : 43px;
}
#topPan img.book {
width : 158px;
height : 99px;
position : absolute;
top : 20px;
top : 46px;
}
#topPan p {
font-size : 16px;
padding : 70px 0 0 43px;
}
#topContactPan {
width : 159px;
height : 51px;
position : absolute;
top : 43px;
top : 240px;
}
#topContactPan p.callus {
background : #0c71a4;
color : #fff;
width : 64px;
height : 14px;
line-height : 14px;
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
padding : 0;
}
#topContactPan p.no {
font-size : 26px;
padding : 4px 0 0;
}
#topMenuPan {
width : 450px;
height : 50px;
position : relative;
bottom : auto;
left : 80px;
}
#topMenuLeftPan {
width : 69px;
height : auto;
float : left;
background : url(images/menu-leftbg.gif) 0% 0% no-repeat;
}
#topMenumiddlePan {
width : 544px;
height : 16px;
float : left;
}
#topMenumiddlePan ul {
width : 544px;
height : 16px;
}
#topMenumiddlePan ul li {
width : auto;
height : auto;
border-right : 1px solid #e5e5e5;
float : left;
}
#topMenumiddlePan ul li a {
width : 67px;
height : 16px;
display : block;
background : #fff;
color : #4a4a4a;
font : 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
text-align : center;
text-transform : uppercase;
}
#topMenumiddlePan ul li a:hover {
background : #fff;
color : #0574af;
text-decoration : none;
}
#topMenumiddlePan ul li.home {
background : #fff;
color : #0574af;
text-decoration : none;
font : 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-transform : uppercase;
}
#topMenumiddlePan ul li.contact {
width : 67px;
border-right : 1px solid #fff;
}
#topMenumiddlePan ul li.contact a {
width : 67px;
height : 16px;
display : block;
background : #fff;
color : #4a4a4a;
font : 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
text-align : center;
text-transform : uppercase;
}
#topMenumiddlePan ul li.contact a:hover {
background : #fff;
color : #0574af;
text-decoration : none;
}
#topMenuRightPan {
width : 70px;
height : 16px;
float : left;
background : url(images/menu-rightbg.gif) 0% 0% no-repeat;
}
#bodyPan {
width : 683px;
position : relative;
margin : 0 auto;
padding : 25px 0 0;
}
#bodyLeftPan {
width : 410px;
float : left;
padding : 12px 36px 0 0;
}
#bodyLeftPan h2 {
width : 410px;
height : 30px;
background : url(images/border1.gif) 70% 100% no-repeat #fff;
color : #00111a;
font : 28px/28px Georgia, "Times New Roman", Times, serif;
}
#bodyLeftPan h2 span {
background : #fff;
color : #046598;
}
#bodyLeftPan h3 {
width : 410px;
height : 30px;
background : url(images/border2.gif) 70% 100% no-repeat #fff;
color : #00111a;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 28px;
}
#bodyLeftPan h3 span {
background : #fff;
color : #046598;
}
#bodyLeftPan p {
padding : 7px 0 0;
}
#bodyLeftPan p span {
background : #fff;
color : #046598;
font-weight : bold;
}
#bodyLeftPan ul {
width : 410px;
margin : 10px 0 0;
}
#bodyLeftPan ul li {
width : 410px;
height : 20px;
}
#bodyLeftPan ul li a {
width : 390px;
height : 20px;
background : url(images/button.gif) 6px 0% no-repeat #fff;
color : #1a1a1a;
text-decoration : underline;
padding : 0 0 0 20px;
}
#bodyLeftPan ul li a:hover {
width : 390px;
height : 20px;
background : url(images/button-hover.gif) 6px 0% no-repeat #fff;
color : #676363;
text-decoration : underline;
}
#bodyLeftPan p.more {
background : #f3f3f3;
color : #003d5c;
width : 410px;
height : 11px;
margin : 25px 0;
padding : 0;
line-height : 11px;
font-size : 11px;
}
#bodyLeftPan p.more a {
display : block;
width : 44px;
height : 11px;
background : #fff;
color : #003d5c;
text-decoration : none;
margin : 0 0 0 246px;
line-height : 11px;
text-align : center;
padding : 0;
text-transform : uppercase;
}
#bodyLeftPan p.more a:hover {
display : block;
width : 44px;
height : 11px;
background : #e0dede;
color : #003d5c;
text-decoration : none;
}
#bodyLeftNextPan {
width : 410px;
clear : both;
padding : 10px 0 0;
}
#bodyLeftPan p.next {
background : #f3f3f3;
color : #003d5c;
width : 410px;
height : 11px;
padding : 0;
line-height : 11px;
font-size : 11px;
clear : both;
}
#bodyLeftPan p.next a {
display : block;
width : 44px;
height : 11px;
background : #fff;
color : #003d5c;
text-decoration : none;
margin : 0 0 0 246px;
line-height : 11px;
text-align : center;
padding : 0;
text-transform : uppercase;
}
#bodyLeftPan p.next a:hover {
display : block;
width : 44px;
height : 11px;
background : #e0dede;
color : #003d5c;
text-decoration : none;
}
#bookcatagories {
width : 410px;
position : relative;
margin : 0 auto;
padding : 5px 0 0;
}
#namePan {
width : 156px;
float : left;
background : url(images/name-dot.gif) 85% 100% no-repeat #fff;
color : #4f4f4f;
font-size : 14px;
text-transform : uppercase;
}
#nameonePan {
width : 156px;
float : left;
}
#nameonePan ul {
width : 156px;
}
#nameonePan ul li {
width : 140px;
height : 20px;
background : url(images/arrow.gif) 6px 0% no-repeat #fff;
color : #03537d;
padding : 0 0 0 10px;
}
#pricePan {
width : 106px;
float : left;
background : url(images/price-dot.gif) 85% 100% no-repeat #fff;
color : #4f4f4f;
font-size : 14px;
text-transform : uppercase;
}
#priceonePan {
width : 143px;
float : left;
}
#priceonePan ul {
width : 143px;
}
#priceonePan ul li {
width : 133px;
height : 20px;
background : url(images/price-border.gif) 50% 100% no-repeat #fff;
color : #00111a;
line-height : 20px;
font-size : 12px;
font-weight : bold;
padding : 0 0 0 10px;
}
#discountPan {
width : 126px;
float : left;
background : url(images/discount-dot.gif) 85% 100% no-repeat #fff;
color : #4f4f4f;
font-size : 14px;
text-transform : uppercase;
padding : 0 0 0 12px;
}
#discountonePan {
width : 110px;
float : left;
}
#discountonePan ul {
width : 110px;
}
#discountonePan ul li {
width : 100px;
height : 20px;
background : url(images/dicount-border.gif) 50% 100% no-repeat #fff;
color : #00111a;
font-size : 12px;
font-weight : bold;
padding : 0 0 0 10px;
}
#bodyRightPan {
width : 235px;
float : left;
border : #dadada solid 1px;
background : #f3f3f3;
color : #1a1a1a;
padding : 0 0 28px;
}
#bodyRightPan h2 {
width : 195px;
height : 35px;
display : block;
border : #dadada solid 1px;
background : #fff;
color : #00111a;
font : 24px/34px Georgia, "Times New Roman", Times, serif;
margin : 6px 8px 16px;
padding : 0 0 0 20px;
}
#bodyRightPan h2 span {
background : #fff;
color : #046598;
}
#bodyRightPan h3 {
width : 195px;
height : 35px;
display : block;
border : #dadada solid 1px;
background : #fff;
color : #00111a;
font : 24px/34px Georgia, "Times New Roman", Times, serif;
margin : 6px 8px 0;
padding : 0 0 0 20px;
}
#bodyRightPan h3 span {
background : #fff;
color : #046598;
}
#bodyRightPan ul {
width : 180px;
margin : 0 0 17px 29px;
}
#bodyRightPan ul li {
width : 180px;
height : 18px;
}
#bodyRightPan ul li a {
width : 160px;
height : 18px;
display : block;
background : url(images/button.gif) 6px 0% no-repeat #f3f3f3;
color : #1a1a1a;
text-decoration : none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#bodyRightPan ul li a:hover {
background : url(images/button-hover.gif) 6px 0% no-repeat #f3f3f3;
color : #797878;
text-decoration : none;
}
#bodyRightPan p {
padding : 0 29px 0 29px;
}
#bodyRightPan p.boldtext {
padding : 10px 29px 0;
font-size : 14px;

background : #f3f3f3;
color : #1a1a1a;
font-weight : bold;
}
#bodyRightPan p.more {
background : #fff;
color : #003d5c;
width : 175px;
height : 11px;
margin : 10px 29px 10px;
padding : 0;
line-height : 11px;
}
#bodyRightPan p.more a {
display : block;
width : 44px;
height : 11px;
background : #f3f3f3;
color : #003d5c;
text-decoration : none;
margin : 0 0 0 97px;
font-size : 11px;
line-height : 11px;
text-align : center;
text-transform : uppercase;
}
#bodyRightPan p.more a:hover {
display : block;
width : 44px;
height : 11px;
background : #e0dede;
color : #003d5c;
text-decoration : none;
}
#footermainPan {
height : 85px;
background : url(images/footerbg.gif) 0% 0% repeat-x #fff;
color : #010101;
clear : both;
padding : 72px 0 0;
}
#footerPan {
width : 683px;
position : relative;
margin : 0 auto;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footerPan ul {
width : 577px;
position : relative;
margin : 0 auto;
}
#footerPan li {
float : left;
}
#footerPan ul li a {
padding : 0 10px 0;
color : #010101;
background : #f3f3f3;
text-decoration : none;
}
#footerPan ul li a:hover {
text-decoration : underline;
}
#footerPan p.copyright {
width : 204px;
background : #f3f3f3;
color : #04496d;
position : absolute;
top : 23px;
left : 40px;
font-size : 12px;
}
#footerPan ul.templateworld {
width : 250px;
background : #f3f3f3;
color : #444;
display : block;
position : absolute;
top : 40px;
left : 40px;
font-size : 10px;
}
#footerPan ul.templateworld li {
height : 20px;
}
#footerPan ul.templateworld li a {
background : #f3f3f3;
display : block;
color : #444;
text-decoration : none;
}
#footerPan ul.templateworld li a:hover {
text-decoration : underline;
}
#footerPanhtml {
width : 60px;
height : 13px;
display : block;
position : absolute;
top : 26px;
left : 260px;
}
#footerPanhtml a {
width : 48px;
height : 11px;
display : block;
background : url(images/blue-arrow.gif) 60% 85% no-repeat #fff;
color : #4f4f4f;
border : #dedede solid 1px;
line-height : 11px;
font-size : 11px;
font-weight : bold;
text-decoration : none;
padding : 1px 0 0 10px;
}
#footerPanhtml a:hover {
background : url(images/gray-arrow.gif) 60% 85% no-repeat #fff;
color : #4f4f4f;
}
#footerPancss {
width : 50px;
height : 13px;
display : block;
position : absolute;
top : 26px;
left : 320px;
}
#footerPancss a {
width : 40px;
height : 11px;
display : block;
background : url(images/blue-arrow.gif) 3px 35px no-repeat #fff;
color : #4f4f4f;
border : #dedede solid 1px;
line-height : 11px;
font-size : 11px;
font-weight : bold;
text-decoration : none;
padding : 1px 0 0 10px;
text-transform : uppercase;
}
#footerPancss a:hover {
background : url(images/gray-arrow.gif) 3px 35px no-repeat #fff;
color : #4f4f4f;
}}


把上面的htm檔, 用asp來執行
<!--#include file="./top.htm"-->

照理說公司簡介應該要出現下拉式選單
可以出現部門介紹跟成員介紹
但卻沒有下拉式的功能
而是表單都全部顯示在表面
不知道這樣哪裡有錯誤呢?!
想拜託會的版大可以幫幫忙了
謝謝!!
 板主 : Jammy
 > ASP - 討論區
 - 最近熱門問答精華集
 - 全部歷史問答精華集
 - ASP - 知識庫
  ■ 全站最新Post列表
  ■ 我的文章收藏
  ■ 我最愛的作者
  ■ 全站文章收藏排行榜
  ■ 全站最愛作者排行榜
  ■  月熱門主題
  ■  季熱門主題
  ■  熱門主題Top 20
  ■  本區Post排行榜
  ■  本區評價排行榜
  ■  全站專家名人榜
  ■  全站Post排行榜
  ■  全站評價排行榜
  ■  全站人氣排行榜
 請輸入關鍵字 
  開始搜尋
 
Top 10
評價排行
ASP
1 tt's 2830 
2 ricky 1060 
3 玩家 890 
4 深小藍 880 
5 小台 660 
6 Snaking 630 
7 老骨頭 540 
8 AndyJ 530 
9 艾里克斯 510 
10 NanSun 470 
ASP
  專家等級 評價  
  一代宗師 10000  
  曠世奇才 5000  
  頂尖高手 3000  
  卓越專家 1500  
  優秀好手 750  
Microsoft Internet Explorer 6.0. Screen 1024x768 pixel. High Color (16 bit).
2000-2019 程式設計俱樂部 http://www.programmer-club.com.tw/
0.078125