问题描述
- div+css 如何在table标签里面建立二级菜单
-
<body> <div class="ontainer"> <div class="Header" align="center"><img src="无标题.jpg" width="80%" height="160" /></div><!--定义了width为百分比，在定义高度为百分比就没用了，宽度为准按原图比例进行缩放，除非把高度定义为绝对的高度，即用像素来定义--> <div class="1"> <table width="80%" heigth:"50px" border="2" bgcolor="#66FF00" align="center"> <div id="一级菜单"> <tr> <ul> <td> <li><a href="#">张三</a> <ul class="二级菜单"> <li><a href="#">123456</a></li> </ul> </li> </td> <td><li><a href="#">李四</a></li></td> <td><li><a href="#">王五</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> </ul> </tr> </div> </table> </div> </div> </body> 最上面是一张图片，然后下面是一张表格，表格里面的文字下面新建下拉菜单 问题1：在 <style type="text/css"> #COntainer{ width:80%; margin:0 auto; } #Header{ width:80%; height:10%px; <!--由于Header中的图片在下面定义了绝对的高度，是个像素，在这里定义也就没用了,只要是下面定义了，这里定义就无用--> } #1{ background:#CF3; text-align:center; <!--并没有起到作用，表格中的字体依然没有居中，只有到<td>标签的属性中去设置了--> } </style> 之中如何定义下拉菜单的隐藏，现在情况如图：  问题2：div标签里面class，id,什么时候用class，什么时候用id,什么时候用name 问题3：在html/css中<style></style>中的div标签对该标签对应的内容为什么没用，如上面的<div class="1">,在上面定义的text-align：center没用。还有类似的，表格里的文字内容居中问题，非得在<table>标签下的<td>标签里面定义吗？ 问题四：为什么表格里一级菜单，二级菜单前面都有个点，是什么意思，怎么去掉
解决方案
楼主需要html基础来显，ul合法子元素是li，不是td，你乱嵌套标签浏览器会解析出错
解决方案二：
1 同楼上，楼主你要先注意标签的合理用法，不要乱套标签，
2 一般做这种复杂效果建议用插件
解决方案三：
1）标签不能乱套用。
2）标签的隐藏和显示可以用css来控制。
3）ID一般是唯一的，不会重复的，对于一个标签来说，就只有一个ID；而CLASS可以是重复，一个标签可以有多个CLASS。如果一个标签同时有ID和CLASS，
并且都进行设置了样式，则优先ID样式。具体用法，可以在网上搜一下，有很多。
4）标签的样式是有优先级的，而且还有继承关系
建议学习一下HTML + CSS基础
解决方案四：
div css 二级菜单
时间： 2024-11-02 07:29:49