我的问题与css下拉菜单 [英] My problem with css Drop Down Menu

查看：73
本文介绍了我的问题与css下拉菜单的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我试过在css代码中创建一个新的下拉菜单，但不幸的是它不适用于我，有人可以帮助我>>>我会附上我的页面。 " 这对任何专家都是一个很大的挑战。 :) 



 <！  DOCTYPE   HTML   PUBLIC  "  -  // W3C // DTD HTML 4.01 Transitional // EN"  >  
 
 <   html   xmlns   =   "http：//www.w3.org/1999/xhtml"  >  
 
 <   head  >  
 
 <   meta   http-equiv   =  " Content-Type"   content   =  " text / html; charset = windows-1252"  >  
 
 <   title  > 库< /   title  >  
 
  <   link   href   =  " dihcss.css"   rel   =  " stylesheet"   type   =  " text / css"  >  
 
 <   style   type   =  " text / css&q uot;  >  
 
 ol {
 
 padding：0px; 
 
保证金：0px; 
 
 list-style-type：none; 
 
} 
 
 ol li ol {
 
宽度：180px; 
 
身高：15px; 
 
 float：left; 
 
} 
 
 ol li a {
 
 background-color：＃C0C0C0; 
 
 border：1px solid＃000000; 
 
填充：5px; 
 
宽度：90px; 
 
身高：15px; 
 
 display：block; 
 
} 
 
 ol ol {
 
 position：relative; 
 
 top：0px; 
 
剩余：75px; 
 
 display：none; 
 
} 
 
 li：hover ol，li.over ol {
 
 display：block; 
 
} 
 
 < /  风格 >  
 
 < /   head  >  
 
 
 
 < ;   body  >  
 
 
 
 <   table   border   =  " 0"   width   =  " 428"   background   =  " index_14.jpg"   height   =  " 471"   id   =  " table1"  >  
 
 <   tr  >  
 
 <   td  >  < /   td  >  
 
 <   td   width   =  " 401"  >  
 
 <   table   border   =  " 0"   width   =  " 101％"   id   =  " table2"  >  
 
 <   tr  >  
 
 <   td   width   =  " 47％"   height   =  " 20"   bgcolor   =  "＃356AB0"   class   =  " whitehdr"  >  
 
我的所有列表< /   td  >  
 
 < ; /   tr  >  
 
 <   tr  >  
 
 <   td   width  < span style ="color：blue"> =  " 47％"   height  < span style ="color：blue"> =  " 20"   align   =  " left"   valign   =  " middle"  >  <   a   href   =  "＃"   target   =  " _blank"  < span style ="color：red"> class   =  " subItem"  > 我的列表< /   a  >  < /   td  >  
 
 < /   tr  >  
 
 <   tr  >  
 
 <   td   width   =  " 47％"  高度  =  " 20"  对齐  =  " left"   valign   =  " middle"  >  <   a   href  < span style ="color：blue"> =  "＃"   target   =  " _blank"   class   =  " subItem"  > 问候语< /  <跨度style ="color：＃a31515"> a  >  < /   td  >  
 
 < /   tr  >  
 
 <   tr  >  
 
 <   td   width   =  " 47％"   height   =  " 20"   align   =  " left"   valign   =  " middle"  >  <   a   href   =  "＃"   target   =  " _blank"  < span style ="color：red"> class   =  " subItem"  > 我的图片< /   a  >  < /   td  >  
 
 < /   tr  >  
 
 <   tr  >  
 
 <   td   width   =  " 47％"   height   =  " 20"   align   =  " left"   valign   =  " middle"  >  <   a   href   =  "＃"   target   =  " _blank"   class   =  &qu ot; subItem"  > 新闻< /   a  >  < /   td  >  
 
 < /   tr  >  
 
 
 
 <   tr  >  
 
 <   td   width  < span style ="color：blue"> =  " 47％"   height  < span style ="color：blue"> =  " 20"   align   =  " left"  < span style ="color：red"> valign   =  " middle"  >  
 
 <   ol  >  
 
 <   li  >  <   a   href   =  "＃ "   style   =  " width： 177px"  >  DLG Fluids Workshop < /   a  >  <   ol  >  
 
 <   li  >  <   a   href   =  " hi1h1.htm"  > 手动< span style ="color：blue">< /   a  >  < /   li  >  
 
 <   li  >  <   a   href   =  " hi1h1.htm"  > 演示文稿< /   a  >  < /   li  >  
 
 < /   ol  >  
 
 < /   li  >  
 
 < /   ol  >  
 
 < /   td  >  
 
 < /   tr  >  
 
 
 
 < /   table  >  
 
 < /   td  >  
 
 <   td   width   =  " 8"  >  < /   td  >  
 
 < /   tr  >  
 
 < /  表 >  
 
 
 
 < /   body  >  
 
 
 
 < /   html  >

解决方案
宏tead从头开始，从现有基地下拉开始：
http://www.veign.com/blog/2008/02/big-list-of-css-menus.html

s s * s鱼的儿子：
http://htmldog.com/articles/suckerfish/dropdowns/
> CSS Play菜单：
http://www.cssplay.co.uk/menus/

I tried to create a new drop down menu in css codes but unfortunately it does not work with me, could someone help me>>> I will attached my page. " This is a big challenge to any expert man "  :)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Library</title>

<link href="dihcss.css" rel="stylesheet" type="text/css">

<style type="text/css">

ol {

	padding: 0px;

	margin: 0px;

	list-style-type: none;

}

ol li ol {

	width: 180px;

	height: 15px;

	float: left;

}

ol li a {

	background-color: #C0C0C0;

	border: 1px solid #000000;

	padding: 5px;

	width: 90px;

	height: 15px;

	display: block;

}

ol ol {

	position: relative;

	top: 0px;

	left: 75px;

	display: none;

}

li:hover ol, li.over ol {

	display: block;

}

</style>

</head>



<body>



<table border="0" width="428" background="index_14.jpg" height="471" id="table1">

	<tr>

		<td></td>

		<td width="401">

		<table border="0" width="101%" id="table2">

			<tr>

				<td width="47%" height="20" bgcolor="#356AB0" class="whitehdr">

				All Of My List</td>

			</tr>

			<tr>

                <td width="47%" height="20" align="left" valign="middle"><a href="#" target="_blank" class="subItem">My List</a></td>

          </tr>

			<tr>

                <td width="47%" height="20" align="left" valign="middle"><a href="#" target="_blank" class="subItem">Greeting</a></td>

          </tr>

			<tr>

                <td width="47%" height="20" align="left" valign="middle"><a href="#" target="_blank" class="subItem">My Picture</a></td>

			</tr>

			<tr>

                <td width="47%" height="20" align="left" valign="middle"><a href="#" target="_blank" class="subItem">News</a></td>

			</tr>

		

			<tr>

                <td width="47%" height="20" align="left" valign="middle">

				<ol>

					<li><a href="#" style="width: 177px">DLG Fluids Workshop</a><ol>

						<li><a href="hi1h1.htm">Manual</a></li>

						<li><a href="hi1h1.htm">Presentation</a></li>

					</ol>

					</li>

				</ol>

				</td>

			</tr>

		

			</table>

		</td>

		<td width="8"></td>

	</tr>

</table>



</body>



</html>

解决方案

Instead of starting from scratch on a drop-down start with an existing base:
http://www.veign.com/blog/2008/02/big-list-of-css-menus.html

Son of s*cucker fish:
http://htmldog.com/articles/suckerfish/dropdowns/

CSS Play Menus:
http://www.cssplay.co.uk/menus/


这篇关于我的问题与css下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
其他开发语言最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆