導航:首頁 > 萬維百科 > 網頁表格設計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相關的知識