1、網頁製作時在第一行插入了一個表格,怎樣才能在同一行再插入一個呢。我插入的時候總是在第二行
你現在外面建立一個大表格 分兩列 在每一列里分別放一個表格 給你代專碼:
<html>
<title>無標題文檔屬</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="108"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="47"> </td>
</tr>
</table></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="53"> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
2、網頁設計中表格與表格之間的間距,怎麼整?
你將這兩張表格放在一張大表格中試試。這張大表格設置為兩行一列,在第一行中插入一行五列的表格做你上面的導航,在第二行插入你下面做的表格,不知可行,試試看。
3、網頁製作中,上下兩個表格的間距怎麼調?
通常有以下幾種方法:
1、CSS法
可以在<table>標簽中設置margin屬性,即:style="margin:5px 0 5px 0;"(順序:上、右、下左,亦可簡寫為style="margin: 5px 0;"),這段CSS的作用是在當前表格外部的上下各留出5px的空白。
2、空對象法
(1)空行。還可以在表格後敲回車換行,產生<p></p>標簽,或者按Shift+回車軟換行,產生<br>標簽,都可產生一個空行。
(2)空表格。插入一個1行1列的表格,設置單元格的寬度、高度,在單元格中不輸入內容。當單元格高度小於12px時,一定要將空格符 刪掉,否則達不到設定高度,這一點非常重要。即:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
</table>
(3)空DIV。類似於空表格,插入一個DIV,設置其寬度、高度,超出隱藏即可。
<div style="width:100px;height:5px;overflow:hidden;clear:both;"
3、透明圖片法
可以在PS中新建一個5x5px的畫布,背景設為透明,保存為透明GIF圖片,然後在需要留間距的表格後面插入這個透明圖片,將其寬度、高度可以任意調整,直到滿意為直。
<img src="null.gif">
4、有關網頁製作.如何用<DIV>布局,做出三行三列?不用表格.
方法很多,比如:
<style type="text/css">
<!--
ul{
margin:0;
padding:0;
}
li{
list-style:none;
}
#h1,#h2,#h3 {
height: 50px;
width: 900px;
}
#h1 li,#h2 li,#h3 li{
float:left;
height:50px;
width:300px;
}
.ys1{
background-color:#000000;
}
.ys2{
background-color:#FF00FF;
}
.ys3{
background-color:#0000FF;
}
-->
</style>
<div id="h1">
<ul>
<li class="ys1">1</li>
<li class="ys2">2</li>
<li class="ys3">3</li>
</ul>
</div>
<div id="h2">
<li class="ys3">1</li>
<li class="ys1">2</li>
<li class="ys2">3</li>
</div>
<div id="h3">
<li class="ys2">2</li>
<li class="ys3">3</li>
<li class="ys1">1</li>
</div>
5、網頁設計html中表格排版一行對應2行
&
6、網頁製作:頁面中有兩個表格,用js或者jquery實現將其中一個表格的某一行復制到另一個表格的一行。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<style type="text/css">
table{ border-collapse:collapse; margin-top:20px;}
td{ border:1px solid #000;}
</style>
<script type="text/javascript">
$(function(){
$("table:eq(0) tr:eq(1)")//獲取第一個表格的第二行N
.clone()//復制
.insertAfter("table:eq(1) tr:eq(0)");//插入到第二個表格的第一行後面
})
</script>
</head>
<body>
<table>
<tr>
<td>表格1第一行</td><td>表格1第一行</td>
</tr>
<tr>
<td>表格1第二行</td><td>表格1第二行</td>
</tr>
<tr>
<td>表格1第三行</td><td>表格1第三行</td>
</tr>
</table>
<table>
<tr>
<td>表格2第一行</td><td>表格2第一行</td>
</tr>
<tr>
<td>表格2第二行</td><td>表格2第二行</td>
</tr>
<tr>
<td>表格2第三行</td><td>表格2第三行</td>
</tr>
</table>
</body>
</html>
7、網頁製作中表格排版
你可以把這個幾個表格都放在一個表格里,先設置一個三行一列的表格;再把第一行設置成三列;在第一行第一列插入第一個豎表格,第一行第三列插入第二個豎表格,第三行插入一個橫表格;設置第二行的高度(即兩個豎表格和橫表格之間的間隙了)代碼如下: <table width="1003" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="250"> <!--第一個豎表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="200">第一個豎表格</td> </tr> </table> </td> <td width="10"></td> <td width="750"> <!--第二個豎表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="200">第二個豎表格</td> </tr> </table> </td> </tr> <tr> <td colspan="3" height="10"></td> </tr> <tr> <td colspan="3"> <!--第一個橫表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="150">第一個橫表格</td> </tr> </table> </td></tr> </table>
8、網頁製作,想做一個3x3的表格,但是最後多出來了很奇特的一排,不知道怎麼去掉,效果圖和代碼在下面?
是這樣么
你把第一行最後一個單元格去掉合並就好了
9、網頁設計問題,使用表格布局或DIV+CSS布局設計一個人的主頁,要求至少要有3個頁面組成,頁面之間用鏈接聯
52css
上面有很多 DIV+CSS 現成的模板,下載一個,自己填點內容就可以了~
匿了匿了~
10、如何在網頁製作中,在同一行插入兩個相互獨立的表格!
你好,如果你想在同一行插入多個表格,你需要用div,float:left;排版,然後再div里插入表格,table是默認有換行的!