Law of ability of Dreamweaver filament form uncovers secret

Form is the most element that uses in webpage design, use form organizes most webpage. Use form to organize webpage content, can devise an overall arrangement the webpage with reasonable, beautiful and harmonious, well-balanced structure. What we should tell today is not the application that form is controlling page element, however the law of a few ability of form frame. Set form frame reasonably, the result that can get your expect is less than sometimes! The content that the article tells about is filament frame form make, involved knowledge compares a foundation, offer novice reference only.

One. Form foundation:
<table> : The identifier of form, with the limits that will limit form. The attribute of <table> label:
Border: The check the number resembling element that place of form frame width holds.
Width and Height: Specify the size of form. "Width " the width that sets table, "Height " the height that appoints fo rm.
Align: Form and the position of character of its photograph adjacent. Parameter value is resided for Left(left) , Center(be placed in the middle) , reside right) with Right(.
Cellspacing: Appoint form each space between unit case.
Cellpadding: Specify the size of the blank distance between unit case content and unit case border.
<TR> : Travel label. The attribute of <TR> label:
Align: In expressing to should go, each unit case content is left-justify (be placed in the middle of Left) , level (of Center) and right-justify <right> .
Valign: In expressing to should go, each unit case content is to rely on closely to go up along (Top) , perpendicular be placed in the middle (Middle) and rely on closely to issue an edge (Bottom) .
<TH> and <TD> : Border cowardly beauty hangs down the content of element of head of watch of regulation of?TH> of model of You of a surname of patch up of  of Suo ǖ ピ (first when the element that express a head is located in every to list commonly, using the specific data that the specification should arrange is about which the) of the object. <TD> provides this content of unit case. All attribute of <TH> and <TD> label and corresponding attribute function are just the same.
Rowspan: Express the linage that this unit case place crosses.
Colspan: The kind that states this unit case place is crossed is counted.
Align, Valign: Usage is Alexandrine. Appoint the position of unit case content.

2. Make with form cross a filament:
It is occasionally when webpage composing, we need a filament, take greetings and gifts to the troops a bit it seems that with the picture move numerous, actually, this small issue can be done with form calm.
The process that make:
1, thrust a group form.
2, form " Cellpadding " " Cellspacing " install for " 0 " .

3, of will unit case " Bgcolor " the setting is " #000000 " (of course you also can be installed for other facial expression, basically depend on the filament that you need what color) " Height " the setting is " 1 " .

4, examine source code, <td></td> medium " " take out with respect to Ok.

Principle: Effect of this kind of filament is actually it is high " 1pix " form.

3. Filament form
We often encounter the situation of the content that adds form frame to differ in order to distinguish, but form frame width " Border " the setting is " 1 " when, frame appears too outstanding again, so, can you make filament rim?
The principle that make:
1, thrust a group form.
2, form " Border " , " Cellpadding " the setting is " 0 " , "Cellspacing " the setting is " 1 " .

3, form " Bgcolor " = " #000000 " .

4, of will unit case " Bgcolor " the setting is " #FFFFFF " (of course you also can be installed for other facial expression, basically depend on the frame that you need what color) .
5, preview a page.
Principle: Attribute has been told in front " Cellspacing " denotive the distance that is unit case and unit case. We also included the blank between this distance when the backdrop that sets whole table is lubricious (what we install is " 1pix " ) , and the blank between this distance is not included however when the backdrop that sets unit standard is lubricious, such since, what the distance that the form frame line that you see in the browser is unit case and unit case actually shows.

4. Lie between be apart from form:

This kind of effect used the nest of form. It is namely in every unit case of a case of a 5 list nest the form that 5 one-way sheet list.
The making process that he sees below: &Nbsp;
1, thrust a group 5 form.
2, the attribute of form the setting is: WIdth="400" Border="0" Cellspacing="2" Cellpadding="1" .

3, all set the setting scene of 5 unit case for: Bgcolor="#FFFFFF" .

4, insert a form again inside every unit case, the attribute of insertion form installs on attribute face plate: Width="100%" Border="0" Cellspacing="0" Cellpadding="0" Height="100%" .


5, the setting color setting of every unit case of the form that will insert is white: Bgcolor="#FFFFFF" 　 .


6, preview a page
Principle: Attribute has been told in front " Cellpadding " denotive it is the content inside unit case and unit case border (all around) distance. Contrast the principle above, the form frame line that sees in the browser actually is the content inside unit case actually (it is to point to here inside embedded table) what show with the distance of unit case. Knew this, not fathomless also why should make when the attribute that sets unit standard inside the setting Width="100%" , Height="100%" . Such doing is to let inlaid table control direction to go up to t ake case of the unit that be embedded in fluctuation full, but because had installed the Cellpadding="1" of the form that be embedded, although the form that embeds so is 100% , still can stay in 4 edges " 1pix " room, this " 1pix " room shows in the browser namely " frame line " !
We also can pass the bright dark frame of modification form to come true, but because with the net Jing Liu is seen implement (NC) compatible problem, arrived after DW4, this function is cancelled. Herein is absent to be told more.
The principle that adopts the form of 3 kinds of filament above learns, the property that not difficult hair is taking important place inside this now is " Cellspacing " and " Cellpadding " . Hope everybody carries out the change that will know these two kinds of property to be able to bring what kind of change in the browser through starting work!