HTML Table Techniques (2)

ကဲ ..  ဆက္လိုက္ၾကရေအာင္ ..
ေရွ႕ကပို႔စ္မွာ ဒီဇယားေလးကို ျပခဲ့ပါတယ္

နမူနာ	ဥပမာ
သာဓက	Example

အေပၚမွာျပထားတဲ့ ဇယားမွာ ဘာေလးပိုလာသလဲဆိုေတာ့ Border ရဲ႕ Color ေလးက
အနီေရာင္ျဖစ္ေနတာတစ္ခုပိုလာပါတယ္ ..
အသံုးျပဳထားတဲ့ကုဒ္ကလည္း ဘာမွထူးထူးဆန္းဆန္းမဟုတ္ပါဘူး ..
border color="red" ကိုပဲ ကပ္ၿပီးျဖည့္လိုက္တာပါ .. ကုဒ္အားလံုးက ဒီလိုျဖစ္သြားပါတယ္ ..

<table border="10" bordercolor="red">
  <tr>
     <td>နမူနာ</td>
     <td>ဥပမာ</td>
  </tr>
  <tr>
      <td>သာဓက</td>
      <td>Example</td>
   </tr>
</table>

ကဲ .. ေနာက္ထပ္ ေအာက္ကဇယားမွာ ဘာေတြကြာသြားလဲ ထပ္ၾကည့္ပါဦး

နမူနာ	ဥပမာ
သာဓက	Example

ကြာဟသြားတာကေတာ့ (border color ကိုေတာ့ မေျပာေတာ့ပါဘူး)
ဇယားကြက္ထဲမွာရွိေနတဲ့ စာေတြရဲ႕ေနရာဟာ cell ကြက္ေတြရဲ႕ အလယ္မွာ ေရာက္ေနတာပါပဲ ..
ဒါကလည္း မထူးဆန္းပါဘူး <center>xxx</center> ဆိုတဲ့ ကုဒ္ကို အသံုးျပဳလိုက္တာပါ
ကုဒ္ေတြအားလံုးက ဒီလိုျဖစ္သြားပါတယ္

<table border="10" bordercolor="blue">
  <tr>
     <td><center>နမူနာ</center></td>
     <td><center>ဥပမာ</center></td>
  </tr>
  <tr>
      <td><center>သာဓက</center></td>
      <td><center>Example</center></td>
   </tr>
</table>

ကဲ .. ေအာက္ကဇယားကို ထပ္ၿပီး ကြာဟမႈကို ထပ္ရွာၾကည့္ပါဦး

နမူနာ	ဥပမာ
သာဓက	Example

ဘာကြာသြားလဲဆိုတာေတာ့ ျမင္သာပါတယ္ ... Cell ကြက္ေတြရဲ႕ ေနာက္ခံအေရာင္ေတြ ထည့္ထားတာပါ .. ေနာက္ခံအေရာင္အတြက္ ကုဒ္က bgcolor=" " ပါ ..

ကိုယ္ထည့္ခ်င္တဲ့ cell ကြက္ရဲ႕ အဖြင့္မွာ ကပ္ထည့္ေပးလိုက္႐ံုပါပဲ .. အဲဒီဇယားအတြက္ ကၽြန္ေတာ္ ေရးလိုက္တဲ့ ကုဒ္က ဒီလိုပါ

<table border="10" bordercolor="blue">

  <tr>

     <td bgcolor="red"><center>နမူနာ</center></td>

     <td bgcolor="green"><center>ဥပမာ</center></td>

  </tr>

  <tr>

      <td bgcolor="yellow"><center>သာဓက</center></td>

      <td><center>Example</center></td>

   </tr>

</table>

အဲဒီကုဒ္ေတြကိုပဲ .. ဒီလိုထပ္ေပါင္းမယ္ဗ်ာ

<table border="10" bordercolor="blue">

  <tr>

     <td bgcolor="red"><center><font color="white">နမူနာ</font></center></td>

     <td bgcolor="green"><center><font color="red">ဥပမာ</font></center></td>

  </tr>

  <tr>

      <td bgcolor="yellow"><center><font color="green">သာဓက</font></center></td>

      <td><center><font color="red">Example</font></center></td>

   </tr>

</table>

အဲဒီေတာ့ ဒီလိုထြက္လာေရာ

နမူနာ	ဥပမာ
သာဓက	Example

စာေတြကိုပါ အေရာင္ထည့္လိုက္တာေလ ..
ကဲ .. ဒီေလာက္ဆို Table ရဲ႕အေျခခံသေဘာကို နည္းနည္းေလာက္ေတာ့ ၿခံဳငံုသံုးသပ္လို႔ ရႏိုင္ေလာက္ၿပီထင္ပါတယ္
ဒီေန႔ေတာ့ ဒီမွာပဲ နားပါရေစ ..

နည္းပညာလမ္းေၾကာင္းေပၚက သူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္
အိုင္တီမုဆိုး

Next Post

ေခါင္းစဥ္
စာရင္း(၁)	စာရင္း(၂)
စာရင္းလိမ္(၁)	စာရင္းလိမ္(၂)