2 t2045817161 t2045817161 于 2016.03.27 16:58 提问

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>
之中如何定义下拉菜单的隐藏,现在情况如图:
![图片说明](http://img.ask.csdn.net/upload/201603/27/1459068634_971042.jpg)

问题2:div标签里面class,id,什么时候用class,什么时候用id,什么时候用name

问题3:在html/css中<style></style>中的div标签对该标签对应的内容为什么没用,如上面的<div class="1">,在上面定义的text-align:center没用。还有类似的,表格里的文字内容居中问题,非得在<table>标签下的<td>标签里面定义吗?


问题四:为什么表格里一级菜单,二级菜单前面都有个点,是什么意思,怎么去掉

4个回答

hengyuetao
hengyuetao   2016.03.29 15:44
已采纳

1)标签不能乱套用。
2)标签的隐藏和显示可以用css来控制。
3)ID一般是唯一的,不会重复的,对于一个标签来说,就只有一个ID;而CLASS可以是重复,一个标签可以有多个CLASS。如果一个标签同时有ID和CLASS,
并且都进行设置了样式,则优先ID样式。具体用法,可以在网上搜一下,有很多。
4)标签的样式是有优先级的,而且还有继承关系

建议学习一下HTML + CSS基础

showbo
showbo   Ds   Rxr 2016.03.28 10:32

楼主需要html基础来显,ul合法子元素是li,不是td,你乱嵌套标签浏览器会解析出错

t2045817161
t2045817161 好吧,我之前想的也是没有td的,但是我想没有td标签会不会导致张三李四王五赵六等内容不在表格的同一行,因为我想的是他们在同一行,所以用了tr和td
一年多之前 回复
qq_33367675
qq_33367675   2016.03.28 12:04

1 同楼上,楼主你要先注意标签的合理用法,不要乱套标签,
2 一般做这种复杂效果建议用插件

CSDNXIAOD
CSDNXIAOD   2016.03.30 11:27

div css 二级菜单
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!