导航:首页 > 万维百科 > 网页表格设计table

网页表格设计table

发布时间:2020-12-26 04:09:38

1、请教高手网页设计用无序列表ul li代替表格table标签的css问题

<style type="text/css">
#bigsite ul{width:300px; height:20px;list-style-type:none;margin:0px auto;padding:0px;}
#bigsite li{width:100px;height:20px; float:left;border:0px;padding:0px;margin:0px; text-align:center; }

</style>

<div id="bigsite">
<ul>
<li>新浪</li>
<li>网易</li>
<li>搜狐</li>
<li>新华网</li>
<li>人民网</li>
<li>凤凰网</li>
<li>谷歌</li>
<li>百度</li>
<li>搜狗</li>
</ul>

</div>

2、Web前端怎么将设计好的table表格改变位置

看你要怎么移了。
改变位置方法很多:
1、float 浮动
2、position 定位
3、改变margin的值

3、请问在网页设计表格里面能否加入框架?请在<table></table>之间插入代码。

手上正好有个copy刚做过的小东西,贴出你的邮箱直接发过去, 下面是主页面实现核心代码,此外还要有left.html right.html 以及css代码,JS代码,因为用了些特效,当然没有JS,你说的简单要求可以实现,7,8个文件吧,我也不往上贴了,收集些特效也不错的,我也不给你精简了上班呢,
<div id="content">
<div class="left">
<iframe src="left.html"></iframe>
</div>
<div class="right">
<iframe src="test.html" name="show"></iframe>
</div>

</div> <!--content-->

4、这种样式的表格用html的table和td怎么设计出来?

        <table border="1" cellspacing="0" cellpadding="0" style="margin-left: 20px;margin-top: 20px;">
            <tr>
                <td></td>
                <td>
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td colspan="3">Data</td>
                        </tr>
                        <tr>
                            <td>Data</td>
                            <td>Data</td>
                            <td>Data</td>
                        </tr>
                    </table>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td>Data</td>
                            <td>Data</td>
                            <td>Data</td>
                        </tr>
                    </table>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td>Data</td>
                            <td>Data</td>
                            <td>Data</td>
                        </tr>
                    </table>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td>Data</td>
                            <td>Data</td>
                            <td>Data</td>
                        </tr>
                    </table>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td>Data</td>
                            <td>Data</td>
                            <td>Data</td>
                        </tr>
                    </table>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td>Data</td>
                            <td>Data</td>
                            <td>Data</td>
                        </tr>
                    </table>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>

5、网页设计中选定表格的操作有几种方法

表格<table><tr><td>这里是内容</td></tr></table>
层<div>这里是内容</div>
明眼人一看层的结构很清晰,特别是table多的时候代码会很乱各种tr,td 交叉,
还有就是table里嵌套table
==========================================
<table><tr><td><table><tr><td>这里是内容</td></tr></table></td></tr></table>
===========================================
上面这段代码够呛吧.
div的兴起是伴随着web2.0的概念,以前都是table
你常见的网页特效比如遮罩,弹出图片,等都是div做的,因为div是可以有z-index的,值越大越靠上,盖住下面的内容.
google maps,还有百度maps都是div做的,用table空拍困难.代码太不好维护了,但是div+css兼容性不好,在firefox下显示正常在IE下空拍就变形了.
table兼容性极其好.
就这些了,我的个人经验.
现在div比较流行,呵呵

6、HTML 里面表格怎么把整个表格设计成超链接?

用<a>标签包住整个table

7、网页设计里table表格里怎么定义层的位置

不要用浮动层,如果必须用浮动层,那么不要用绝对定位
<table width=900><tr>
<td>
<div>这里放置你的内容</div>
</td>
</tr></table>

如果需要用浮动层的话可以是:
<table width=900><tr>
<td>
<div id="Layer_98" style="position:absolute; z-index:88">
<div id="Layer_99" style="position:absolute; left:98px; top:48px; width:197px; height:63px; z-index:99">这里放置你的内容</div>
</div>
<div>这里放置你的内容</div>
</td>
</tr></table>

8、html网页设计表格,如何通过css让表格只有外边框,而没有内边框?

table{
border:1px solid #000;/*黑色1像素粗边框*/
}
td{
border:none;/*这个是单元格,不给他要边框*/
}
以上是全局的,用了以后所有的表格都是这个样式。
如果你要给特定的表格加入这个样式:
1 给那个表格加上class='classname' (classname是你自己起的样式名)
2 然后在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗边框*/
}
.classname td{
border:none;/*这个是单元格,不给他要边框*/
}

只有内边框没有外边框的话,我就只会用赖皮的方法:给table外面套一个overflow:hidden的div,宽度和高度比table小2px,给table加上margin-left:-1px;margin-right:-1px;这样把他的表格边框遮住。。

9、关于网页设计,html,表格的问题。。急啊啊啊

浏览器的核心不同。

如果你只是上上网,就不用理它了。

如果你是做网页设计,可以用html5编程,用css+div定位。这样在不同的浏览器中的显示就不乱了。


精诚为你解答。

与网页表格设计table相关的知识