NỀN - TABLE
1- NỀN
TRONG SUỐT:
<br><br>
<TABLE
border=1 boderColor=#AA0055 cellPadding=60
width="700” mode="transparent"
height=300 align=center><TBODY><TR><TD vAlign=top>
</TD></TR></TBODY></TABLE><br><br>
</TD></TR></TBODY></TABLE><br><br>
#B3F3FF
2- NỀN MÀU thông dụng cho Blogger:
<br><br>
<TABLE border=1 borderColor=#70B8FF cellspacing=0 cellPadding=60 align="center">
width="730" bgColor= #C6C6FF height=300 align=center>
<TBODY><TR><TD vAlign=top></TD></TR></TBODY></TABLE>
<br>**<br>
Bloger (đơn vị %)
<table width="100%"
border="1" cellpadding="60" align="center">
<tbody><tr>
<td valign="top">
<h1 style="text-align:
center;">Tiếng Hát Bảo Yến </h1>
<p style="text-align:
justify;">abc</p>
</td></tr></tbody></table>
---------------------------------------------------
3- NỀN MÀU ( với khung cuộn tự động)
<TABLE border=1
cellSpacing=60 cellPadding=0 width=650px bgColor=#fff4e5 align=center>
<TBODY><TR>
<TD vAlign=top><DIV
style="HEIGHT: 500px; OVERFLOW: auto">
<br>abc<br>
</TD></TR></TBODY></TABLE>
4- NỀN MÀU (Dãn
dòng Link-Height:24px và 3 lề):
<br><br><TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#fff4e5 align=center>
<TBODY><TR><TD vAlign=top><DIV style="LINE-HEIGHT: 24px; MARGIN-TOP: 50px; MARGIN-LEFT: 60px; MARGIN-RIGHT: 20px">abc<br><br>
</TD></TR></TBODY></TABLE></DIV><br><br>
5- NỀN MÀU (căn lề riêng)
1. Căn Padding 4 lề riêng biệt – Xanga):
<br><br>
<P align=center>
<TABLE border=0 cellSpacing=0 borderColor= #485DB6 cellPadding=20
width="730" bgColor=#DDDDFF align=left height=300>
<TBODY><TR
vAlign=top>
<TD
style="PADDING-BOTTOM: 70px; PADDING-LEFT: 60px; PADDING-RIGHT: 35px; PADDING-TOP: 20px">
<P align=left>abc
</P><br><br>
</TD></TR></TBODY></TABLE></P>
<br><br>
2. Căn margin 4 lề riêng biệt và dãn dòng 24px :
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" bgcolor="#0000ff">
<tbody><tr>
<td valign="top">
<div style="line-height: 24px; margin-top: 80px; margin-left: 80px; margin-right: 40px; margin-bottom: 80px;">
abc</div>
</td></tr></tbody></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" bgcolor="#0000ff">
<tbody><tr>
<td valign="top">
<div style="line-height: 24px; margin-top: 80px; margin-left: 80px; margin-right: 40px; margin-bottom: 80px;">
abc</div>
</td></tr></tbody></table>
--------------------------------------------------------------------------
6- NỀN ẢNH (thường)
<br><br><TABLE
border=0 cellSpacing=0 cellPadding=0 width=100% height=300 background=http://imgfarm.com/images/webmail/rt/bgi/bgi0609a.jpg align=center><TBODY><TR><TD>abc
</TD></TR></TBODY></TABLE><br><br>
</TD></TR></TBODY></TABLE><br><br>
6b- NỀN ẢNH (thường
4 lề)
<table align="center" background="http://wm42.inbox.com/thumbs/7f6_87a8d_ca47ddd2_oJ.jpg.thumb"
border="1" bordercolor="#DDC700"
cellpadding="0" cellspacing="0" style="height: 800px;
width: 550px;"><tbody>
<tr valign="top"><td><div
class="MsoNormal" style="margin-bottom: 85px;
margin-left: 100px; margin-right: 50px;
margin-top: 85px;">
abc</div>
</td></tr>
</tbody></table>
Ví dụ 1:
<br><br><table
align="left" background="http://imgfarm.com/images/webmail/rt/bgi/bgi0609a.jpg" border="0" cellpadding="0"
cellspacing="0" style="height: 300px; width: 730px;"><tbody>
<tr
valign="top"><td><div
class="MsoNormal" style="margin-bottom: .80px; margin-left:
100px; margin-right: 30px; margin-top: 35px;">abc
</td></tr></tbody></table><br><br>
</td></tr></tbody></table><br><br>
Ví dụ 2:
<br><br><table align="center” background="http://imgfarm.com/images/webmail/rt/bgi/bgi0609a.jpg"
border="0" cellpadding="0" cellspacing="0"
style="height: 200px; width: 730px;"><tbody>
<tr valign="top"><td><div
class="MsoNormal" style="margin-bottom: .80px; margin-left:
100px; margin-right: 70px; margin-top: 65px;">abc
</td></tr></tbody></table><br><br>
7- NỀN
ẢNH (thường căn lề):
<P align=center>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=720 align=center>
<TBODY>
<TR vAlign=top>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; WIDTH: 720px; PADDING-RIGHT: 50px;
BACKGROUND: url(http://wm42.inbox.com/thumbs/a19_8786a_db14882e_oJ.jpg.thumb)
PADDING-TOP: 0px; HEIGHT: 507px" align=left <p=""><FONT color=#ff0000>abc</FONT>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=720 align=center>
<TBODY>
<TR vAlign=top>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; WIDTH: 720px; PADDING-RIGHT: 50px;
BACKGROUND: url(http://wm42.inbox.com/thumbs/a19_8786a_db14882e_oJ.jpg.thumb)
PADDING-TOP: 0px; HEIGHT: 507px" align=left <p=""><FONT color=#ff0000>abc</FONT>
</TD></TR></TBODY></TABLE></P>
7a- Nền
ảnh lặp cho Xanga: (đúng)
<P align=center>
<table width="100%"
border="0" cellspacing="0" cellpadding="0"
align="center">
<tbody>
<tr valign="top">
<td style="background:
url(http://wm42.inbox.com/thumbs/2c9_87fba_2a2fffc5_oJ.jpg.thumb) repeat; padding:
80px 35px 80px 75px;" width="100%" height="1000">abc</td></tr>
</tbody></table>
</P>
http://www.sieumua.vn/include/template/sieumua/css/images/dt_prd_bg_rpx.png
---------------------------------------------------------
Ví dụ:
<P align=center>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr valign="top">
<tr valign="top">
<td
style="background:
url(http://wm42.inbox.com/thumbs/a19_8786a_db14882e_oJ.jpg.thumb) repeat; padding: 80px 35px 80px 75px;" width="100%" height="1000">abc</td></tr>
</tbody></table>
</P>
url(http://wm42.inbox.com/thumbs/a19_8786a_db14882e_oJ.jpg.thumb) repeat; padding: 80px 35px 80px 75px;" width="100%" height="1000">abc</td></tr>
</tbody></table>
</P>
7b- Blogger – CT Nền với
kích thước gốc không lặp (4 lề)
<table
align="center" border="0" cellpadding="0"
cellspacing="0" style="width: x;"><tbody>
<tr valign="top">
<td height="y"
style="background: url(…..) no-repeat; padding: 80px 35px 80px 75px;"
width="100%">abc</td></tr>
</tbody></table>
X= ngang ảnh gốc.
Y= cao ảnh gốc
url(…..)
= chứa url của ảnh gốc
no-repeat; = đặc tính ảnh không lặp lại trong
nền
padding: 80px 35px
80px 75px = căn 4 lề
7c- Xanga
Nền ảnh chỉ lập dọc (có
căn lề): (đúng)
<P align=center>
<table width="720" border="0" cellspacing="0" cellpadding="0" align="center">
<table width="720" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr
valign="top">
<td
style="background:
url(' http://wm42.inbox.com/thumbs/a19_8786a_db14882e_oJ.jpg.thumb') repeat-y; padding: 30px 30px 0px 60px;" width="720" height="1000">abc</td>
url(' http://wm42.inbox.com/thumbs/a19_8786a_db14882e_oJ.jpg.thumb') repeat-y; padding: 30px 30px 0px 60px;" width="720" height="1000">abc</td>
</tr></tbody></table></P>
7d- Xanga
Nền ảnh chỉ lặp ngang (có
căn lề): (đúng)
<P align=center>
<table width="720" border="0" cellspacing="0" cellpadding="0" align="center">
<table width="720" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr
valign="top">
<td
style="background:
url(' http://wm42.inbox.com/thumbs/a19_8786a_db14882e_oJ.jpg.thumb') repeat-x; padding: 30px 30px 0px 60px;" width="720" height="1000">abc</td>
url(' http://wm42.inbox.com/thumbs/a19_8786a_db14882e_oJ.jpg.thumb') repeat-x; padding: 30px 30px 0px 60px;" width="720" height="1000">abc</td>
</tr></tbody></table></P>
KẾT NỐI
NỀN
8- Màu - Ảnh
a- Blospot : Nền màu -
ảnh bên left (không căn lề):
(đúng)
<table
align="center" bgcolor="#baa894"
border="0" bordercolor="#1b9fe7" cellpadding="0"
cellspacing="0" height="300" width="100%">
<tbody>
<tr>
<td
valign="top">
<div>
abc</div>
</td>
</tr>
<tr>
<td align="left" valign="bottom">
<img
src="http://imgfarm.com/images/webmail/rt/bgi/bgi0202a.gif"> </td>
</tr>
</tbody></table>
b- Blogspot : Nền màu -
ảnh bên left (có căn 4 lề)
(đúng)
<table
width="100%" border="0" cellspacing="0"
cellpadding="20" align="center" bgcolor="#8fd74d">
<tbody>
<tr
valign="top">
<td
style="padding-bottom: 80px; padding-left: 75px; padding-right: 45px;
padding-top: 80px;">abc</td></tr>
<tr>
<td align="left" valign="bottom">
<img src="http://wm42.inbox.com/thumbs/a50_87833_be3fab94_oJ.jpg.thumb"> </td>
</tr>
</tbody></table>
Ví dụ nền màu nối với một ảnh
ở đáy nền (3 cún con)
<br
/>
<table align="center" bgcolor="#8fd74d" border="0" cellpadding="20" cellspacing="0" style="width: 690px;">
<tbody>
<tr valign="top">
<td style="padding: 0px;"><span style="color: blue; font-size: 16pt;"><span style="color: black;">
</span></span>
<br />
<div class="MsoNormal" style="line-height: 18pt; margin: 18pt 39.7pt 0pt 45.35pt; text-align: justify; text-indent: 31.2pt;">
<span style="color: blue; font-size:36.0pt"><em>abc</em></span><span style="background-color: transparent; color: maroon; font-size: large; line-height: 18pt; text-indent: 31.2pt;"> </span></div>
<div class="MsoNormal" style="line-height: 18pt; margin: 18pt 39.7pt 0pt 45.35pt; text-align: justify; text-indent: 31.2pt;">
<br /></div>
<table background="http://wm42.inbox.com/thumbs/a50_87833_be3fab94_oJ.jpg.thumb" border="0" cellpadding="0" cellspacing="0" style="height: 265px; width: 325px;"><tbody><tr><td>
</td></tr></tbody></table>
</td></tr></tbody></table>
<br />
<table align="center" bgcolor="#8fd74d" border="0" cellpadding="20" cellspacing="0" style="width: 690px;">
<tbody>
<tr valign="top">
<td style="padding: 0px;"><span style="color: blue; font-size: 16pt;"><span style="color: black;">
</span></span>
<br />
<div class="MsoNormal" style="line-height: 18pt; margin: 18pt 39.7pt 0pt 45.35pt; text-align: justify; text-indent: 31.2pt;">
<span style="color: blue; font-size:36.0pt"><em>abc</em></span><span style="background-color: transparent; color: maroon; font-size: large; line-height: 18pt; text-indent: 31.2pt;"> </span></div>
<div class="MsoNormal" style="line-height: 18pt; margin: 18pt 39.7pt 0pt 45.35pt; text-align: justify; text-indent: 31.2pt;">
<br /></div>
<table background="http://wm42.inbox.com/thumbs/a50_87833_be3fab94_oJ.jpg.thumb" border="0" cellpadding="0" cellspacing="0" style="height: 265px; width: 325px;"><tbody><tr><td>
</td></tr></tbody></table>
</td></tr></tbody></table>
<br />
GHI CHÚ: Với cách tạo nền này ta có thể đưa arnh lên trên cùng của nền màu
và ta cũng có thể đưa 2 ảnh một ở trên và một ở đáy, dành phần giữa cho nhập
liệu:
9- Nền Màu – Nền Ảnh:
a- Xanga - Ví dụ nền màu nối dưới một nền ảnh:
<table
width="730" border="0"
cellspacing="0" cellpadding="60"
bgcolor="#f5d598">
<tbody>
<tr
valign="top">
<td>
<table
width="500" border="0" cellpadding="0"
align="left" bgcolor="#f5d598">
<tbody>
<tr>
<td
valign="top">
<p
style="text-align: left;" align="center"><em><span
style="font-family: times new roman,times; font-size: large;">abc</span></em></p>
<p> </p>
</td></tr></tbody></table>
<br
/><br />
<p
style="text-align: left;"> </p>
<p
style="text-align: left;"> </p>
<p
style="text-align: left;"> </p>
<p
style="text-align: left;"> </p>
</td></tr></tbody></table>
<table
width="730" border="0"
cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr
valign="top">
<td
style="background: url('http://xf7.xanga.com/630f9b7163d30285196112/w227610354.jpg')
repeat-x; padding: 30px 30px 0px 60px;" width="730" height="510">
<p><em><span
style="font-family: times new roman,times; font-size: x-large;">abc**</span></em></p>
</td></tr></tbody></table>
Kích thước ảnh: 730x510
Kích thước nền màu nhập
liệu ở trên: 730xtùyý (cellpadding="60)
b-
Xanga – nền ảnh nối nền ảnh có kích thước (width,
height)
nền
trên nhập liệu repeat; nền dưới
cố định no-repeat
<table width="729"
border="0" cellspacing="0" cellpadding="0"
align="left">
<tbody>
<tr valign="top">
<td style="background: url('http://wm42.inbox.com/thumbs/91f_87964_b154b21d_oJ.jpg.thumb') repeat; padding: 80px 35px 80px 75px;" width="729" height="1000">abc</td>
</tr>
</tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr valign="top">
<td style="background: url('http://wm42.inbox.com/thumbs/91e_87965_d13d6e9f_oJ.jpg.thumb') no-repeat; padding: 80px 35px 80px 75px;" width="729" height="106"> </td>
</tr>
</tbody>
</table>
<tbody>
<tr valign="top">
<td style="background: url('http://wm42.inbox.com/thumbs/91f_87964_b154b21d_oJ.jpg.thumb') repeat; padding: 80px 35px 80px 75px;" width="729" height="1000">abc</td>
</tr>
</tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr valign="top">
<td style="background: url('http://wm42.inbox.com/thumbs/91e_87965_d13d6e9f_oJ.jpg.thumb') no-repeat; padding: 80px 35px 80px 75px;" width="729" height="106"> </td>
</tr>
</tbody>
</table>
c- Nối hai nền ảnh cùng
định vị trái
<table
width="729" border="0" cellspacing="0"
cellpadding="0" align="left">
<tbody>
<tr valign="top">
<td style="background:
url('http://wm42.inbox.com/thumbs/91f_87964_b154b21d_oJ.jpg.thumb') repeat;
padding: 80px 35px 80px 75px;" width="729"
height="600">abc</td>
</tr>
</tbody>
</table>
<p><br /><br
/><br /><br /><br /><br
/><br /><br /><br /><br
/><br /><br /><br /><br
/><br /><br /><br /><br
/><br /><br /><br /><br
/><br /><br /><br /><br
/><br /><br /><br /><br
/><br /><br /><br /><br
/><br /><br /><br /><br
/><br /><br /><br /></p>
<table
width="100%" border="0" cellspacing="0"
cellpadding="0" align="center">
<tbody>
<tr valign="top">
<td style="background:
url('http://wm42.inbox.com/thumbs/91e_87965_d13d6e9f_oJ.jpg.thumb') no-repeat;
padding: 80px 35px 80px 75px;" width="729"
height="106"> </td>
</tr>
</tbody>
</table>
d- Blogspot - Nối 3 nền :
ảnh-màu-ảnh (đúng)
<table
width="640" border="0" cellspacing="0"
cellpadding="0" align="center" bgcolor="#aaaf9b">
<tbody>
<tr>
<td
valign="top"><img
src="http://wm42.inbox.com/thumbs/a5f_87824_8aea899_tn.jpg.thumb"
alt="" /></td></tr>
<tr><td>
<table width="100%"
border="0" cellspacing="0" cellpadding="50"
align="center" bgcolor="#aaaf9b"><tbody>
<tr>
<td
valign="top">abc</td></tr>
</tbody></table></td></tr>
<tr>
<td
align="left" valign="bottom"><img src="http://wm42.inbox.com/thumbs/a2c_87857_d3bd59f_tn.jpg.thumb"
alt="" /></td>
</tr>
</tbody></table>
Tổng quát
cho nối 3 nền:
<table
width="640" border="0" cellspacing="0"
cellpadding="0" align="center" bgcolor="#aaaf9b">
<tbody>
<tr>
<td
valign="top"><img src="URL1" alt="" /></td></tr>
<tr><td>
<table width="100%"
border="0" cellspacing="0" cellpadding="50"
align="center" bgcolor="#aaaf9b"><tbody>
<tr>
<td
valign="top">abc</td></tr>
</tbody></table></td></tr>
<tr>
<td
align="left" valign="bottom"><img src="URL2" alt="" /></td>
</tr>
</tbody></table>
Nối 3 : ảnh 1 – nền ảnh – ảnh 2
(đang thử)
<table width="737"
border="0" cellspacing="0" cellpadding="0"
align="center" bgcolor="#aaaf9b">
<tbody>
<tr>
<td valign="top"><img
src="http://wm42.inbox.com/thumbs/a9b_877e8_6c66518_oJ.jpg.thumb"
alt="" /></td></tr>
<tr><td>
<TABLE border=0
cellSpacing=0 cellPadding=0 width=737 align=center>
<TBODY>
<TR vAlign=top>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; WIDTH: 737px; PADDING-RIGHT: 50px;
BACKGROUND: url(http://wm42.inbox.com/thumbs/a9a_877e9_953645a_oJ.jpg.thumb)
PADDING-TOP: 0px; HEIGHT: 200px" align=left <p=""><FONT color=#ff0000>abc</FONT>
<TBODY>
<TR vAlign=top>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; WIDTH: 737px; PADDING-RIGHT: 50px;
BACKGROUND: url(http://wm42.inbox.com/thumbs/a9a_877e9_953645a_oJ.jpg.thumb)
PADDING-TOP: 0px; HEIGHT: 200px" align=left <p=""><FONT color=#ff0000>abc</FONT>
</TD></TR></TBODY></TABLE>
</td></tr>
<tr>
<td align="left"
valign="bottom"><img src="http://wm42.inbox.com/thumbs/a99_877ea_58a8ed5a_oJ.jpg.thumb"
alt="" />
</td></tr></tbody></table>
Nối 2 :
nền ảnh - ảnh:
IncreddiMail-2a:
IncreddiMail-2:
http://wm42.inbox.com/thumbs/a9f_877e4_aa6c7f1_oJ.jpg.thumb
Nối 3 :
nền ảnh 1 – nền ảnh 2 - nền ảnh 3
<div
style="text-align: center;">
***</div>
<table
align="center" background="http://wm42.inbox.com/thumbs/a9e_877e5_d33c3352_oJ.jpg.thumb"
border="0" cellpadding="0" cellspacing="0"
style="height: 16px; width: 582px;"><tbody>
<tr><td></td></tr>
</tbody></table>
<table
align="center" background="http://wm42.inbox.com/thumbs/a9d_877e6_9f8789_oJ.jpg.thumb"
border="0" cellpadding="0" cellspacing="0"
style="height: 150px; width: 582px;"><tbody>
<tr><td
valign="top"><span style="font-family: Times,
Times New Roman, serif; font-size: x-large;"><i>a</i></span></td></tr>
</tbody></table>
<table align="center"
background="http://wm42.inbox.com/thumbs/a9c_877e7_3d357a56_oJ.jpg.thumb"
border="0" cellpadding="0" cellspacing="0"
style="height: 16px; width: 582px;"><tbody>
<tr><td></td></tr>
</tbody></table>
<div
style="text-align: center;">
*</div>
--------------------------------------------------------
BỔ SUNG:
- Mẫu nền
ảnh tạo từ 4 border - ảnh không lặp (TL gốc)
<P align=center><IMG
style="BACKGROUND-IMAGE: url(http://Multiply.com/mu/conguyendk/photos/album/monthẻe/conguyendk/27/1?1282109486&et=NKiKR9P3X8VSlg7%2CBECE5g&nmid=358694730); WIDTH: 160px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION:
0px 0px; HEIGHT: 120px" id=photoimg_1 class=photoimg src="http://images.multiply.com//common/dot_clear.gif" width=160
height=120> </P>
- Nền không
lặp ảnh với 4 border tối giản (đã soạn lại):
<P align=center><IMG
style="BACKGROUND-IMAGE: url(http://wm42.inbox.com/thumbs/8a4_879df_d837e3a_oP.png.thumb); WIDTH: 160px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION:
0px 0px; HEIGHT: 120px"
</P>
</P>
Công thức định vị ảnh dùng table hai cột:
<P> </P>
</P><TABLE border=0 borderColor=#0000a0 cellPadding=5 width="100%" align=center wmode="transparent">
<TBODY>
<TR>
<TD vAlign=top><IMG src= "[Ảnh ở đây]" width=X height=Y></TD>
<TD vAlign=top>
<P style="TEXT-ALIGN: justify; LINE-HEIGHT: 14pt; MARGIN: 14pt 0cm 0pt" class=MsoNormal><SPAN style="FONT-SIZE: 11pt"><FONT face="Times New Roman">Văn bản ở đây</SPAN></FONT></SPAN></P>
<P style="TEXT-ALIGN: justify; LINE-HEIGHT: 14pt; MARGIN: 14pt 0cm 0pt" class=MsoNormal><SPAN style="FONT-SIZE: 11pt"><FONT face="Times New Roman"></FONT></SPAN></P> </TD></TR></TBODY></TABLE></P>
</P><TABLE border=0 borderColor=#0000a0 cellPadding=5 width="100%" align=center wmode="transparent">
<TBODY>
<TR>
<TD vAlign=top><IMG src= "[Ảnh ở đây]" width=X height=Y></TD>
<TD vAlign=top>
<P style="TEXT-ALIGN: justify; LINE-HEIGHT: 14pt; MARGIN: 14pt 0cm 0pt" class=MsoNormal><SPAN style="FONT-SIZE: 11pt"><FONT face="Times New Roman">Văn bản ở đây</SPAN></FONT></SPAN></P>
<P style="TEXT-ALIGN: justify; LINE-HEIGHT: 14pt; MARGIN: 14pt 0cm 0pt" class=MsoNormal><SPAN style="FONT-SIZE: 11pt"><FONT face="Times New Roman"></FONT></SPAN></P> </TD></TR></TBODY></TABLE></P>
18- Tạo
lề cho trích dân văn bản
(dùng table
class="quote center" hoặc class=yeuhanoi):
Rút cự ly cả hai lề bằng cách dùng lênh <TABLE class="quote center" với ngang width= của bảng được xác định (px) . Đây cũng là cách thường áp dụng khi trích dân một đoạn đặc biệt trong bài (RFA hay dùng blockquote) .
Rút cự ly cả hai lề bằng cách dùng lênh <TABLE class="quote center" với ngang width= của bảng được xác định (px) . Đây cũng là cách thường áp dụng khi trích dân một đoạn đặc biệt trong bài (RFA hay dùng blockquote) .
Ví dụ 1:
<TABLE class="yeuhanoi-tam" width=400 align=center>
<TBODY><TR><TD>
<P align=justify><FONT
size=3 face=Arial>
[văn bản ]</FONT></P>
</TD></TR></TBODY></TABLE><BR>
Ví dụ 2:
<TABLE class="yeuhanoi-ph" width=300 align=right>
<TBODY><TR><TD>
<P align=justify><FONT
size=3 face="times, times new roman, serif">
[văn bản ] </FONT></P>
</TD></TR></TBODY></TABLE><BR>
Ví dụ 3:
<TABLE class="yeuhanoi-tr" width=300 align=left>
<TBODY><TR><TD>
<P align=justify><FONT
size=3 face="times, times new roman, serif">
[văn bản] </FONT></P>
</TD></TR></TBODY></TABLE><BR>
22- Nối 2 table căn lề khác nhau (tổng
hợp - mới):
<TABLE border=1 cellSpacing=0 cellPadding=0 width="100%" align=center wmode="transparent">
<TBODY>
<TR>
<TD vAlign=top>
<DIV style="LINE-HEIGHT: 25px; TEXT-INDENT: 0pt; MARGIN: 1cm 1.3cm 0cm 1.3cm " class=MsoNormal>
<DIV align=justify>abc
<br><br></DIV></TD></TR></TBODY></TABLE>
<TABLE border=1 cellSpacing=0 cellPadding=0 width="100%" align=center wmode="transparent">
<TBODY>
<TR>
<TD vAlign=top>
<DIV style="LINE-HEIGHT: 25px; TEXT-INDENT: 30pt; MARGIN: 1cm 1.3cm 0cm 1.6cm" class=MsoNormal>abc
</DIV></TD></TR></TBODY></TABLE>
<TABLE border=1 cellSpacing=0 cellPadding=0 width="100%" align=center wmode="transparent">
<TBODY>
<TR>
<TD vAlign=top>
<DIV style="LINE-HEIGHT: 25px; TEXT-INDENT: 0pt; MARGIN: 1cm 1.3cm 0cm 1.3cm " class=MsoNormal>
<DIV align=justify>abc
<br><br></DIV></TD></TR></TBODY></TABLE>
<TABLE border=1 cellSpacing=0 cellPadding=0 width="100%" align=center wmode="transparent">
<TBODY>
<TR>
<TD vAlign=top>
<DIV style="LINE-HEIGHT: 25px; TEXT-INDENT: 30pt; MARGIN: 1cm 1.3cm 0cm 1.6cm" class=MsoNormal>abc
</DIV></TD></TR></TBODY></TABLE>
Cần chi tiết phong phú tra thêm mục CÔNG
THỨC
---------------------------------------------------------------------
Một số URL dùng cho
Nền ảnh
Một
code Ví dụ:
<br
/>
<table align="center" bgcolor="#906FD5" border="0" cellpadding="20" cellspacing="0" style="width: 651px;">
<tbody>
<tr valign="top">
<td style="padding: 0px;"><span style="color: blue; font-size: 16pt;"><span style="color: black;">
</span></span>
<br />
<div class="MsoNormal" style="line-height: 18pt; margin: 18pt 39.7pt 0pt 45.35pt; text-align: justify; text-indent: 31.2pt;">
<span style="color: blue; font-size:36.0pt"><em>abc</em></span><span style="background-color: transparent; color: maroon; font-size: large; line-height: 18pt; text-indent: 31.2pt;"> </span></div>
<div class="MsoNormal" style="line-height: 18pt; margin: 18pt 39.7pt 0pt 45.35pt; text-align: justify; text-indent: 31.2pt;">
<br /></div>
<table background="http://wm42.inbox.com/thumbs/a0f_87874_59498524_oJ.jpg.thumb" border="0" cellpadding="0" cellspacing="0" style="height: 488px; width: 651px;"><tbody><tr><td>
</td></tr></tbody></table>
</td></tr></tbody></table>
<br />
<table align="center" bgcolor="#906FD5" border="0" cellpadding="20" cellspacing="0" style="width: 651px;">
<tbody>
<tr valign="top">
<td style="padding: 0px;"><span style="color: blue; font-size: 16pt;"><span style="color: black;">
</span></span>
<br />
<div class="MsoNormal" style="line-height: 18pt; margin: 18pt 39.7pt 0pt 45.35pt; text-align: justify; text-indent: 31.2pt;">
<span style="color: blue; font-size:36.0pt"><em>abc</em></span><span style="background-color: transparent; color: maroon; font-size: large; line-height: 18pt; text-indent: 31.2pt;"> </span></div>
<div class="MsoNormal" style="line-height: 18pt; margin: 18pt 39.7pt 0pt 45.35pt; text-align: justify; text-indent: 31.2pt;">
<br /></div>
<table background="http://wm42.inbox.com/thumbs/a0f_87874_59498524_oJ.jpg.thumb" border="0" cellpadding="0" cellspacing="0" style="height: 488px; width: 651px;"><tbody><tr><td>
</td></tr></tbody></table>
</td></tr></tbody></table>
<br />
<667x377)
<600x450)
<566x822)
Redfrog
626
Trên: <780x439)
http://wm42.inbox.com/thumbs/2ef_87f94_c19e6652_oJ.jpg.thumb
Dưới: <780x96)
726x
753
728
738x169
Ví dụ:
<br><br><TABLE
border=0 cellSpacing=0 cellPadding=0 width=651px height=488 background=http://wm42.inbox.com/thumbs/a0f_87874_59498524_oJ.jpg.thumb
align=center><TBODY>
<TR vAlign=top>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; WIDTH: 651px; PADDING-RIGHT: 50px; PADDING-TOP: 0px; HEIGHT: 507px" align=left <p=""><FONT color=#ff0000>abc</FONT>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; WIDTH: 651px; PADDING-RIGHT: 50px; PADDING-TOP: 0px; HEIGHT: 507px" align=left <p=""><FONT color=#ff0000>abc</FONT>
</TD></TR></TBODY></TABLE><br><br>
Ví dụ:
<P align=center>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=720 align=center>
<TBODY>
<TR vAlign=top>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; WIDTH: 720px; PADDING-RIGHT: 50px;
BACKGROUND: url<http://wm42.inbox.com/thumbs/a19_8786a_db14882e_oJ.jpg.thumb)
PADDING-TOP: 0px; HEIGHT: 507px" align=left <p=""><FONT color=#ff0000>abc</FONT>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=720 align=center>
<TBODY>
<TR vAlign=top>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; WIDTH: 720px; PADDING-RIGHT: 50px;
BACKGROUND: url<http://wm42.inbox.com/thumbs/a19_8786a_db14882e_oJ.jpg.thumb)
PADDING-TOP: 0px; HEIGHT: 507px" align=left <p=""><FONT color=#ff0000>abc</FONT>
</TD></TR></TBODY></TABLE></P>
Ví dụ:
<P align=center>
<table width="651" border="0" cellspacing="0" cellpadding="0" align="center">
<table width="651" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr
valign="top">
<td
style="background:
url<'http://wm42.inbox.com/thumbs/a0f_87874_59498524_oJ.jpg.thumb') repeat-x; padding: 30px 30px 0px 60px;" width="651" height="1000">abc</td>
url<'http://wm42.inbox.com/thumbs/a0f_87874_59498524_oJ.jpg.thumb') repeat-x; padding: 30px 30px 0px 60px;" width="651" height="1000">abc</td>
</tr></tbody></table></P>
==========================================
Các chuyên đề liên quan:
Các chuyên đề liên quan:
- CT - Nền-Bảng
- CT - Khung
- CT - Định vị
- CT - Audio-Video
- CT - E-card
- CT - Flash
- CT - Flash - Slide
- CT - Marquee
- CT - Các phím tắt
- Kho - PC
- Địa chỉ các dịch vụ blog
