"സഹായം:പട്ടികകൾ" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം

Schoolwiki സംരംഭത്തിൽ നിന്ന്
No edit summary
 
(3 ഉപയോക്താക്കൾ ചെയ്ത ഇടയ്ക്കുള്ള 3 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല)
വരി 1: വരി 1:
==സ്പ്രെഡ് ഷീറ്റിനെ വിക്കി-പട്ടികകളാക്കാന്‍==
{{പ്രവർത്തനസഹായങ്ങൾ}}
ഓപ്പണ്‍‌ഓഫീസ്.ഓര്‍ഗ് കാല്‍ക്, ഗ്ന്യൂമറിക്, എം.എസ്.എക്സല്‍ തുടങ്ങിയ സ്പ്രെഡ്ഷീറ്റ് വിവരങ്ങളെ വിക്കി-പട്ടികകള്‍ ആക്കിമാറ്റാന്‍ [http://excel2wiki.net/ ഈ താള്‍] കാണുക.
==സ്പ്രെഡ് ഷീറ്റിനെ വിക്കി-പട്ടികകളാക്കാൻ==
ഓപ്പൺ‌ഓഫീസ്.ഓർഗ് കാൽക്, ഗ്ന്യൂമറിക്, എം.എസ്.എക്സൽ തുടങ്ങിയ സ്പ്രെഡ്ഷീറ്റ് വിവരങ്ങളെ വിക്കി-പട്ടികകൾ ആക്കിമാറ്റാൻ [http://excel2wiki.net/ ഈ താൾ] കാണുക.


== റ്റൂള്‍ബാറിന്റെ ഉപയോഗം ==
== റ്റൂൾബാറിന്റെ ഉപയോഗം ==
താങ്കള്‍ക്ക് [[:w:Wikipedia:Toolbar#MediaWiki_Edit_Toolbar|മീഡിയാവിക്കി എഡിറ്റ് റ്റൂല്‍ബാര്‍]] ഉപയോഗിച്ച് പട്ടികകള്‍ ഉണ്ടാക്കാവുന്നതാണ്. അവശ്യമായ കോഡുകള്‍ ഒരു പരിധി വരെ അത് സ്വയം സൃഷ്ടിച്ചുകൊള്ളും.
താങ്കൾക്ക് [[:w:Wikipedia:Toolbar#MediaWiki_Edit_Toolbar|മീഡിയാവിക്കി എഡിറ്റ് റ്റൂൽബാർ]] ഉപയോഗിച്ച് പട്ടികകൾ ഉണ്ടാക്കാവുന്നതാണ്. അവശ്യമായ കോഡുകൾ ഒരു പരിധി വരെ അത് സ്വയം സൃഷ്ടിച്ചുകൊള്ളും.
ചിത്രത്തില്‍ വട്ടത്തില്‍ അടയാളപ്പെടുത്തിയിരിക്കുന്ന ബട്ടണ്‍ ആണ്‌ അതു ചെയ്യുന്നത്. തിരുത്തുന്ന ഘട്ടത്തില്‍ പട്ടിക സൃഷ്ടിക്കാന്‍ പ്രസ്തുത ബട്ടണ്‍ ഉപയോഗിക്കാവുന്നതാണ്‌.
ചിത്രത്തിൽ വട്ടത്തിൽ അടയാളപ്പെടുത്തിയിരിക്കുന്ന ബട്ടൺ ആണ്‌ അതു ചെയ്യുന്നത്. തിരുത്തുന്ന ഘട്ടത്തിൽ പട്ടിക സൃഷ്ടിക്കാൻ പ്രസ്തുത ബട്ടൺ ഉപയോഗിക്കാവുന്നതാണ്‌.


സ്വതവേ, അത് താഴെപറയുന്ന കാര്യങ്ങള്‍ താളില്‍ ഉള്‍പ്പെടുത്തുന്നു
സ്വതവേ, അത് താഴെപറയുന്ന കാര്യങ്ങൾ താളിൽ ഉൾപ്പെടുത്തുന്നു


<pre>
<pre>
വരി 40: വരി 41:


== സമാന്തര രേഖകളുടെ (പൈപ്പ്, “||“) ഉപയോഗം ==
== സമാന്തര രേഖകളുടെ (പൈപ്പ്, “||“) ഉപയോഗം ==
സാധാരണ [[എച്ച്.റ്റി.എം.എല്‍]] വിക്കിപീഡിയയില്‍ പ്രവര്‍ത്തിക്കുമെങ്കിലും, പ്രത്യേക [[വിക്കിപീഡിയ:വിക്കിവിന്യാസം|വിക്കിവിന്യാസത്തില്‍]] പട്ടികകള്‍ വരി നിര്‍മ്മിക്കാന്‍ എളുപ്പവഴിയുണ്ട്. സമാന്തര ലംബ വിന്യാസം (<nowiki>||</nowiki> അഥവാ പൈപ്പ്) എച്ച്.റ്റി.എം.എല്ലിനു സമമാണ്. എച്ച്.റ്റി.എം.എല്‍ അറിയാമെങ്കില്‍ ഇതു താങ്കള്‍ക്ക് എളുപ്പമായിരിക്കും.  
സാധാരണ [[എച്ച്.റ്റി.എം.എൽ]] സ്കൂൾവിക്കിയിൽ പ്രവർത്തിക്കുമെങ്കിലും, പ്രത്യേക [[സ്കൂൾവിക്കി:വിക്കിവിന്യാസം|വിക്കിവിന്യാസത്തിൽ]] പട്ടികകൾ വരി നിർമ്മിക്കാൻ എളുപ്പവഴിയുണ്ട്. സമാന്തര ലംബ വിന്യാസം (<nowiki>||</nowiki> അഥവാ പൈപ്പ്) എച്ച്.റ്റി.എം.എല്ലിനു സമമാണ്. എച്ച്.റ്റി.എം.എൽ അറിയാമെങ്കിൽ ഇതു താങ്കൾക്ക് എളുപ്പമായിരിക്കും.  


*മുഴുവന്‍ പട്ടികയും വളയന്‍ ബ്രാക്കറ്റിനും (<nowiki>{</nowiki>) പൈപ്പിനും ഉള്ളില്‍ നല്‍കാം. അതുകൊണ്ട് പട്ടിക തുടങ്ങാന്‍ <code>'''{|'''</code> എന്നും അവസാനിപ്പിക്കാന്‍ <code>'''|}'''</code> എന്നും കൊടുക്കുക. ഓരോന്നും പ്രത്യേകം പ്രത്യേകം വരികളിലായിരിക്കാന്‍ ശ്രദ്ധിക്കുക
*മുഴുവൻ പട്ടികയും വളയൻ ബ്രാക്കറ്റിനും (<nowiki>{</nowiki>) പൈപ്പിനും ഉള്ളിൽ നൽകാം. അതുകൊണ്ട് പട്ടിക തുടങ്ങാൻ <code>'''{|'''</code> എന്നും അവസാനിപ്പിക്കാൻ <code>'''|}'''</code> എന്നും കൊടുക്കുക. ഓരോന്നും പ്രത്യേകം പ്രത്യേകം വരികളിലായിരിക്കാൻ ശ്രദ്ധിക്കുക
  <span style="font-weight:bold; color:red"><nowiki>{|</nowiki></span>
  <span style="font-weight:bold; color:red"><nowiki>{|</nowiki></span>
   ''പട്ടികയുടെ ഉള്ളടക്കം''
   ''പട്ടികയുടെ ഉള്ളടക്കം''
  <span style="font-weight:bold; color:red"><nowiki>|}</nowiki></span>
  <span style="font-weight:bold; color:red"><nowiki>|}</nowiki></span>
*പട്ടികയ്ക്ക് തലക്കെട്ട് ആവശ്യമെങ്കില്‍ അതിനായി ഒരു വരി തുടങ്ങി പൈപ്പ് രൂപവും അധികചിഹ്നവും ചേര്‍ത്ത ശേഷം വശത്തായി തലക്കെട്ട് നല്‍കുക
*പട്ടികയ്ക്ക് തലക്കെട്ട് ആവശ്യമെങ്കിൽ അതിനായി ഒരു വരി തുടങ്ങി പൈപ്പ് രൂപവും അധികചിഹ്നവും ചേർത്ത ശേഷം വശത്തായി തലക്കെട്ട് നൽകുക
  <nowiki>{|</nowiki>
  <nowiki>{|</nowiki>
  <span style="font-weight:bold; color:red"><nowiki>|+</nowiki> ''തലക്കെട്ട്''</span>
  <span style="font-weight:bold; color:red"><nowiki>|+</nowiki> ''തലക്കെട്ട്''</span>
   ''പട്ടികയുടെ ഉള്ളടക്കം''
   ''പട്ടികയുടെ ഉള്ളടക്കം''
  <nowiki>|}</nowiki>
  <nowiki>|}</nowiki>
*പട്ടികയില്‍ പുതിയൊരു വരി സൃഷ്ടിക്കാന്‍ ലംബവരയ്ക്കൊപ്പം ഒരു ഹൈഫനും (-) കൂടെ ചേര്‍ത്താല്‍ മതിയാവും. ആ വരിയില്‍ വേണ്ട കളങ്ങള്‍ക്കായി പുതിയ വരിയില്‍ തുടങ്ങുക.
*പട്ടികയിൽ പുതിയൊരു വരി സൃഷ്ടിക്കാൻ ലംബവരയ്ക്കൊപ്പം ഒരു ഹൈഫനും (-) കൂടെ ചേർത്താൽ മതിയാവും. ആ വരിയിൽ വേണ്ട കളങ്ങൾക്കായി പുതിയ വരിയിൽ തുടങ്ങുക.
  <nowiki>{|</nowiki>
  <nowiki>{|</nowiki>
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
  <span style="font-weight:bold; color:red"><nowiki>|-</nowiki></span>
  <span style="font-weight:bold; color:red"><nowiki>|-</nowiki></span>
   ''കളത്തിനുള്ള എഴുത്തുകള്‍''
   ''കളത്തിനുള്ള എഴുത്തുകൾ''
  <span style="font-weight:bold; color:red"><nowiki>|-</nowiki></span>
  <span style="font-weight:bold; color:red"><nowiki>|-</nowiki></span>
   ''കളത്തിനുള്ള എഴുത്തുകള്‍''
   ''കളത്തിനുള്ള എഴുത്തുകൾ''
  <nowiki>|}</nowiki>
  <nowiki>|}</nowiki>
* അടുത്ത വരിയിലെ കളങ്ങള്‍ തുടര്‍ച്ചയായി എഴുതാന്‍, ഒരു ലംബ വരയിട്ട് വേര്‍തിരിച്ച് എഴുതിയാല്‍ മതിയാവും:
* അടുത്ത വരിയിലെ കളങ്ങൾ തുടർച്ചയായി എഴുതാൻ, ഒരു ലംബ വരയിട്ട് വേർതിരിച്ച് എഴുതിയാൽ മതിയാവും:
  <nowiki>{|</nowiki>
  <nowiki>{|</nowiki>
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
  <nowiki>|-</nowiki>
  <nowiki>|-</nowiki>
  <span style="font-weight:bold; color:red">|</span> ''കളത്തിനുള്ള എഴുത്തുകള്‍''
  <span style="font-weight:bold; color:red">|</span> ''കളത്തിനുള്ള എഴുത്തുകൾ''
  <nowiki>|-</nowiki>
  <nowiki>|-</nowiki>
  <span style="font-weight:bold; color:red">|</span> ''പട്ടികയുടെ അടുത്ത വരിയില്‍ വേണ്ട കളങ്ങള്‍''
  <span style="font-weight:bold; color:red">|</span> ''പട്ടികയുടെ അടുത്ത വരിയിൽ വേണ്ട കളങ്ങൾ''
  <span style="font-weight:bold; color:red">|</span> ''അതേ വരിയില്‍ വേണ്ട കൂടുതല്‍ കളങ്ങള്‍''
  <span style="font-weight:bold; color:red">|</span> ''അതേ വരിയിൽ വേണ്ട കൂടുതൽ കളങ്ങൾ''
  <nowiki>|}</nowiki>
  <nowiki>|}</nowiki>
*ഒരേ വരിയില്‍ കൂടുതല്‍ കളങ്ങള്‍ ഒന്നെങ്കില്‍ കോഡില്‍ പുതിയ വരിയില്‍ ഒരു ലംബവരയിട്ടോ, അല്ലങ്കില്‍ അതേ വരിയില്‍ രണ്ട് ലംബവരകളിട്ടോ "'''||'''" ഉണ്ടാക്കാവുന്നതാണ്. രണ്ടിന്റേയും ഫലം ഒന്നായിരിക്കും
*ഒരേ വരിയിൽ കൂടുതൽ കളങ്ങൾ ഒന്നെങ്കിൽ കോഡിൽ പുതിയ വരിയിൽ ഒരു ലംബവരയിട്ടോ, അല്ലങ്കിൽ അതേ വരിയിൽ രണ്ട് ലംബവരകളിട്ടോ "'''||'''" ഉണ്ടാക്കാവുന്നതാണ്. രണ്ടിന്റേയും ഫലം ഒന്നായിരിക്കും
  <nowiki>{|</nowiki>
  <nowiki>{|</nowiki>
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
വരി 78: വരി 79:
  <span style="font-weight:bold; color:red">|കളം C</span>
  <span style="font-weight:bold; color:red">|കളം C</span>
  <nowiki>|}</nowiki>
  <nowiki>|}</nowiki>
*കോഡില്‍ ഒറ്റ ലംബവരയുപയോഗിച്ചു കളങ്ങള്‍ വേര്‍തിരിക്കാന്‍ ശ്രമിച്ചാല്‍ ആദ്യവരയ്ക്കു ശേഷമുള്ളത് ബാക്കിയുള്ള എഴുത്തുകളുടെ സ്വഭാവം നിര്‍ണ്ണയിക്കുകയും, അതിനു ശേഷമുള്ള കളങ്ങള്‍ എല്ലാം കൂടി ഒന്നായും കാണാനിടവരും
*കോഡിൽ ഒറ്റ ലംബവരയുപയോഗിച്ചു കളങ്ങൾ വേർതിരിക്കാൻ ശ്രമിച്ചാൽ ആദ്യവരയ്ക്കു ശേഷമുള്ളത് ബാക്കിയുള്ള എഴുത്തുകളുടെ സ്വഭാവം നിർണ്ണയിക്കുകയും, അതിനു ശേഷമുള്ള കളങ്ങൾ എല്ലാം കൂടി ഒന്നായും കാണാനിടവരും
  <nowiki>{| border="1"</nowiki>
  <nowiki>{| border="1"</nowiki>
  <nowiki>|-</nowiki>
  <nowiki>|-</nowiki>
  <nowiki>|എഴുത്തുരീതി നിര്‍വചനം (കാണാന്‍ കഴിയില്ല)</nowiki><span style="font-weight:bold; color:red">|</span><nowiki>ഇതെല്ലാം </nowiki><span style="font-weight:bold; color:red">|</span><nowiki>(ലംബവരകളടക്കം)</nowiki><span style="font-weight:bold; color:red">|</span><nowiki>ഒരൊറ്റക്കളത്തില്‍ </nowiki><span style="font-weight:bold; color:red">|</span><nowiki>ആയിരിക്കും</nowiki>
  <nowiki>|എഴുത്തുരീതി നിർവചനം (കാണാൻ കഴിയില്ല)</nowiki><span style="font-weight:bold; color:red">|</span><nowiki>ഇതെല്ലാം </nowiki><span style="font-weight:bold; color:red">|</span><nowiki>(ലംബവരകളടക്കം)</nowiki><span style="font-weight:bold; color:red">|</span><nowiki>ഒരൊറ്റക്കളത്തിൽ </nowiki><span style="font-weight:bold; color:red">|</span><nowiki>ആയിരിക്കും</nowiki>
  <nowiki>|-</nowiki>
  <nowiki>|-</nowiki>
  <nowiki>|}</nowiki>
  <nowiki>|}</nowiki>
സാധാരണരീതിയില്‍ താങ്കള്‍ക്ക് ഇത് ഉപകാരപ്രദമായിരിക്കില്ല
സാധാരണരീതിയിൽ താങ്കൾക്ക് ഇത് ഉപകാരപ്രദമായിരിക്കില്ല
:
:
{| border="1"
{| border="1"
|-
|-
|എഴുത്തുരീതി നിര്‍വചനം (കാണാന്‍ കഴിയില്ല)|ഇതെല്ലാം |(ലംബവരകളടക്കം)|ഒരൊറ്റക്കളത്തില്‍ |ആയിരിക്കും
|എഴുത്തുരീതി നിർവചനം (കാണാൻ കഴിയില്ല)|ഇതെല്ലാം |(ലംബവരകളടക്കം)|ഒരൊറ്റക്കളത്തിൽ |ആയിരിക്കും
|-
|-
|}
|}
എഴുത്തുരീതി നിര്‍വചനം ആവശ്യം വരുന്ന സന്ദര്‍ഭവുമുണ്ടായേക്കാം:
എഴുത്തുരീതി നിർവചനം ആവശ്യം വരുന്ന സന്ദർഭവുമുണ്ടായേക്കാം:
  <nowiki>{| border="1"</nowiki>
  <nowiki>{| border="1"</nowiki>
  <nowiki>|-</nowiki>
  <nowiki>|-</nowiki>
  <nowiki>|കളം 1 (യാതൊരു എഴുത്തുരീതി നിര്‍വചനവുമില്ല)</nowiki>
  <nowiki>|കളം 1 (യാതൊരു എഴുത്തുരീതി നിർവചനവുമില്ല)</nowiki>
  <nowiki>|-</nowiki>
  <nowiki>|-</nowiki>
  <nowiki>|align="right" |കളം 2 (വലത്തേയ്ക്ക് ചേര്‍ത്തെഴുതുന്നു)</nowiki>
  <nowiki>|align="right" |കളം 2 (വലത്തേയ്ക്ക് ചേർത്തെഴുതുന്നു)</nowiki>
  <nowiki>|-</nowiki>
  <nowiki>|-</nowiki>
  <nowiki>|}</nowiki>
  <nowiki>|}</nowiki>
വരി 102: വരി 103:
{| border="1"
{| border="1"
|-
|-
|കളം 1 (യാതൊരു എഴുത്തുരീതി നിര്‍വചനവുമില്ല)
|കളം 1 (യാതൊരു എഴുത്തുരീതി നിർവചനവുമില്ല)
|-
|-
|align="right" |കളം 2 (വലത്തേയ്ക്ക് ചേര്‍ത്തെഴുതുന്നു)
|align="right" |കളം 2 (വലത്തേയ്ക്ക് ചേർത്തെഴുതുന്നു)
|-
|-
|}
|}
ഇതോര്‍ക്കുക: കോഡില്‍ ഒരു വരിയില്‍ ഒന്നിലധികം ഒറ്റ ലംബവരകള്‍ ഉപയോഗിക്കാതിരിക്കുക!
ഇതോർക്കുക: കോഡിൽ ഒരു വരിയിൽ ഒന്നിലധികം ഒറ്റ ലംബവരകൾ ഉപയോഗിക്കാതിരിക്കുക!


*ഒരു വരിയില്‍ നിരകളുടെ തലക്കെട്ട് വേര്‍തിരിച്ചെഴുതാന്‍ "|" എന്നതിനു പകരം "!" ഉപയോഗിക്കുന്നു, "||" എന്നതിനു പകരം "!!" ഉപയോഗിക്കുന്നു. തലക്കെട്ടിന്റെ കളങ്ങള്‍ സാധാരണ ബ്രൌസറിനനുസരിച്ച് വ്യത്യസ്തമായാവും ദൃശ്യവത്ക്കരിക്കുക. അവമിക്കവാറും കട്ടികൂടപ്പെട്ടും മദ്ധ്യഭാഗത്തായിട്ടും കാണാന്‍ കഴിയും.
*ഒരു വരിയിൽ നിരകളുടെ തലക്കെട്ട് വേർതിരിച്ചെഴുതാൻ "|" എന്നതിനു പകരം "!" ഉപയോഗിക്കുന്നു, "||" എന്നതിനു പകരം "!!" ഉപയോഗിക്കുന്നു. തലക്കെട്ടിന്റെ കളങ്ങൾ സാധാരണ ബ്രൌസറിനനുസരിച്ച് വ്യത്യസ്തമായാവും ദൃശ്യവത്ക്കരിക്കുക. അവമിക്കവാറും കട്ടികൂടപ്പെട്ടും മദ്ധ്യഭാഗത്തായിട്ടും കാണാൻ കഴിയും.
  <nowiki>{|</nowiki>
  <nowiki>{|</nowiki>
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
വരി 120: വരി 121:
  |കളം C
  |കളം C
  <nowiki>|}</nowiki>
  <nowiki>|}</nowiki>
*പട്ടികയുടെ ഒരു വരി തലക്കെട്ടാണെങ്കില്‍ അത് തുടങ്ങുക "|" എന്നതിനു പകരം "!" എന്നായിരിക്കും. വിവരങ്ങളെ കുറിക്കാനുള്ള അടുത്ത കളങ്ങള്‍ കോഡില്‍ പുതിയ വരിയില്‍ തുടങ്ങുക.
*പട്ടികയുടെ ഒരു വരി തലക്കെട്ടാണെങ്കിൽ അത് തുടങ്ങുക "|" എന്നതിനു പകരം "!" എന്നായിരിക്കും. വിവരങ്ങളെ കുറിക്കാനുള്ള അടുത്ത കളങ്ങൾ കോഡിൽ പുതിയ വരിയിൽ തുടങ്ങുക.
<nowiki>{|</nowiki>
<nowiki>{|</nowiki>
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
വരി 132: വരി 133:
  |കളം C
  |കളം C
  <nowiki>|}</nowiki>
  <nowiki>|}</nowiki>
* വേണ്ട കാര്യങ്ങള്‍ നിര്‍വചിച്ചു കൊടുത്ത് കളങ്ങളുടേയോ, വരികളുടേയോ, പട്ടികയുടേതു തന്നെയോ സ്വഭാവം മാറ്റാവുന്നതാണ്.  ഉദാഹരണത്തിന് പട്ടികയ്ക്ക് ബോര്‍ഡര്‍ കൊടുക്കാവുന്നതാണ്.:
* വേണ്ട കാര്യങ്ങൾ നിർവചിച്ചു കൊടുത്ത് കളങ്ങളുടേയോ, വരികളുടേയോ, പട്ടികയുടേതു തന്നെയോ സ്വഭാവം മാറ്റാവുന്നതാണ്.  ഉദാഹരണത്തിന് പട്ടികയ്ക്ക് ബോർഡർ കൊടുക്കാവുന്നതാണ്.:
  <nowiki>{|</nowiki> <span style="font-weight:bold; color:red">border="1"</span>
  <nowiki>{|</nowiki> <span style="font-weight:bold; color:red">border="1"</span>
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
  <nowiki>|+</nowiki> പട്ടികയുടെ തലക്കെട്ട്
വരി 158: വരി 159:
|}
|}
</blockquote>
</blockquote>
പട്ടികയ്ക്കുള്ള നിര്‍വചനങ്ങളും, കളങ്ങള്‍ക്കുള്ള നിര്‍വചനങ്ങളും എച്ച്.റ്റി.എം.എല്ലില്‍ ഉള്ളതു തന്നെയായിരിക്കും [http://www.w3.org/TR/html401/struct/tables.html#edef-TABLE] കാണുക. എന്നിരുന്നാലും <code>thead</code>, <code>tbody</code>, <code>tfoot</code>, <code>colgroup</code>, <code>col</code> തുടങ്ങിയ പ്രയോഗങ്ങള്‍ [[:w:Help:HTML in wikitext#Permitted_HTML|മീഡിയവിക്കി അനുവദിക്കുന്നില്ല]].
പട്ടികയ്ക്കുള്ള നിർവചനങ്ങളും, കളങ്ങൾക്കുള്ള നിർവചനങ്ങളും എച്ച്.റ്റി.എം.എല്ലിൽ ഉള്ളതു തന്നെയായിരിക്കും [http://www.w3.org/TR/html401/struct/tables.html#edef-TABLE] കാണുക. എന്നിരുന്നാലും <code>thead</code>, <code>tbody</code>, <code>tfoot</code>, <code>colgroup</code>, <code>col</code> തുടങ്ങിയ പ്രയോഗങ്ങൾ [[:w:Help:HTML in wikitext#Permitted_HTML|മീഡിയവിക്കി അനുവദിക്കുന്നില്ല]].




ഇത്തരത്തില്‍ വരിയും നിരയും ഉപയോഗിച്ച് കളങ്ങള്‍ക്ക് നിറം കൊടുത്തും മറ്റും ഓരോരുത്തരുടേയും ഭാവനയനുസരിച്ച് ഇതിനെ ഉള്ളടക്കം ഒന്നും ഇല്ലാതെ തന്നെ ഡയഗ്രം ആയും ഒക്കെ ഉപയൊഗപ്രദമായി ഉപയോഗിക്കാന്‍ കഴിയും. അപ്‌ലോഡ് ചെയ്യുന്ന ചിത്രത്തിനേക്കാളും ഇത്തരത്തില്‍ സൃഷ്ടിക്കുന്ന ദൃശ്യം തിരുത്താന്‍ എളുപ്പമാണെന്നോര്‍ക്കുക. [[വോളീബോള്‍]] എന്നതാളില്‍ വരിയും നിരയും ഉപയോഗിച്ച് വോളീബോള്‍ കോര്‍ട്ടിന്റെ ചിത്രം വരച്ചിരിക്കുന്നതു ശ്രദ്ധിക്കുക.
ഇത്തരത്തിൽ വരിയും നിരയും ഉപയോഗിച്ച് കളങ്ങൾക്ക് നിറം കൊടുത്തും മറ്റും ഓരോരുത്തരുടേയും ഭാവനയനുസരിച്ച് ഇതിനെ ഉള്ളടക്കം ഒന്നും ഇല്ലാതെ തന്നെ ഡയഗ്രം ആയും ഒക്കെ ഉപയൊഗപ്രദമായി ഉപയോഗിക്കാൻ കഴിയും. അപ്‌ലോഡ് ചെയ്യുന്ന ചിത്രത്തിനേക്കാളും ഇത്തരത്തിൽ സൃഷ്ടിക്കുന്ന ദൃശ്യം തിരുത്താൻ എളുപ്പമാണെന്നോർക്കുക. [[വോളീബോൾ]] എന്നതാളിൽ വരിയും നിരയും ഉപയോഗിച്ച് വോളീബോൾ കോർട്ടിന്റെ ചിത്രം വരച്ചിരിക്കുന്നതു ശ്രദ്ധിക്കുക.


പട്ടികയില്‍ ഓരോ വരിയിലേയും കളങ്ങളുടെ എണ്ണം തുല്യമായിരിക്കണം, അതായത് പട്ടികയിലെ നിരകളുടെ എണ്ണം സ്ഥിരമായിരിക്കും. ശൂന്യമായ കളങ്ങള്‍ക്കുള്ളില്‍ സ്പേസ് നല്‍കാനുള്ള കോഡായ <code>&amp;nbsp;</code> നല്‍കുന്നത് കളം കാണാന്‍ കഴിയും എന്നുറപ്പാക്കുന്നു.
പട്ടികയിൽ ഓരോ വരിയിലേയും കളങ്ങളുടെ എണ്ണം തുല്യമായിരിക്കണം, അതായത് പട്ടികയിലെ നിരകളുടെ എണ്ണം സ്ഥിരമായിരിക്കും. ശൂന്യമായ കളങ്ങൾക്കുള്ളിൽ സ്പേസ് നൽകാനുള്ള കോഡായ <code>&amp;nbsp;</code> നൽകുന്നത് കളം കാണാൻ കഴിയും എന്നുറപ്പാക്കുന്നു.
കളത്തിനുള്ളില്‍ ലംബ വര കാണണമെങ്കില്‍ <tt>&lt;nowiki>|&lt;/nowiki></tt> എന്നോ <tt>&amp;#124;</tt> എന്നോ ഉപയോഗിക്കുക.
കളത്തിനുള്ളിൽ ലംബ വര കാണണമെങ്കിൽ <tt>&lt;nowiki>|&lt;/nowiki></tt> എന്നോ <tt>&amp;#124;</tt> എന്നോ ഉപയോഗിക്കുക.


ഒരു പട്ടികയില്‍ കളങ്ങളുടെ വീതിയോ നീളമോ സാധാരണയില്‍ നിന്നും കൂട്ടുവാനുള്ള മാര്‍ഗ്ഗങ്ങളായി കോളംസ്പാന്‍ (colspan) അല്ലങ്കില്‍ റോസ്പാന്‍ (rowspan) ഉപയോഗിക്കാവുന്നതാണ് ([[:w:Help:Table#M.C3.A9lange|സഹായം ഇംഗ്ലീഷ് വിക്കിപീഡിയയില്‍ നിന്നും]]). ഇപ്രകാരം ചെയ്യുന്നതുമൂലം ക്രമപ്പെടുത്തല്‍ ([[:w:help:sorting|സോര്‍ട്ടിങ്]]) ശരിയായി പ്രവര്‍ത്തിക്കാതിരുന്നേക്കാം.
ഒരു പട്ടികയിൽ കളങ്ങളുടെ വീതിയോ നീളമോ സാധാരണയിൽ നിന്നും കൂട്ടുവാനുള്ള മാർഗ്ഗങ്ങളായി കോളംസ്പാൻ (colspan) അല്ലങ്കിൽ റോസ്പാൻ (rowspan) ഉപയോഗിക്കാവുന്നതാണ് ([[:w:Help:Table#M.C3.A9lange|സഹായം ഇംഗ്ലീഷ് സ്കൂൾവിക്കിയിൽ നിന്നും]]). ഇപ്രകാരം ചെയ്യുന്നതുമൂലം ക്രമപ്പെടുത്തൽ ([[:w:help:sorting|സോർട്ടിങ്]]) ശരിയായി പ്രവർത്തിക്കാതിരുന്നേക്കാം.


==ഉദാഹരണങ്ങള്‍==
==ഉദാഹരണങ്ങൾ==


==== ലളിതമായ ഉദാഹരണം ====
==== ലളിതമായ ഉദാഹരണം ====
താഴെ കൊടുത്തിരിക്കുന്ന രണ്ടുരീതിയും ഒരേ പോലെയാവും പ്രത്യക്ഷപ്പെടുക. വരികളിലെ കളങ്ങളുടെ എണ്ണത്തിനനുസരിച്ചും, കളങ്ങളില്‍ ആവശ്യമുള്ള എഴുത്തിന്റെ ദൈര്‍ഘ്യം അനുസരിച്ചും അനുയോജ്യമായ മാര്‍ഗ്ഗം തിരഞ്ഞെടുക്കുക.
താഴെ കൊടുത്തിരിക്കുന്ന രണ്ടുരീതിയും ഒരേ പോലെയാവും പ്രത്യക്ഷപ്പെടുക. വരികളിലെ കളങ്ങളുടെ എണ്ണത്തിനനുസരിച്ചും, കളങ്ങളിൽ ആവശ്യമുള്ള എഴുത്തിന്റെ ദൈർഘ്യം അനുസരിച്ചും അനുയോജ്യമായ മാർഗ്ഗം തിരഞ്ഞെടുക്കുക.


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
വരി 192: വരി 193:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{|  
{|  
വരി 229: വരി 230:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം''' (see: [[Help:User_style]])
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം''' (see: [[Help:User_style]])
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| class="wikitable" style="text-align:center"
{| class="wikitable" style="text-align:center"
വരി 254: വരി 255:


===നിറവും; ചരങ്ങളുടെ ഉപയോഗവും===
===നിറവും; ചരങ്ങളുടെ ഉപയോഗവും===
കളങ്ങളുടെ പശ്ചാത്തലനിറവും, എഴുത്തിന്റെ നിറവും രണ്ടു തരത്തില്‍ നിര്‍വചിക്കാം, ആദ്യ രീതി കൂടുതല്‍ അനുയോജ്യം:
കളങ്ങളുടെ പശ്ചാത്തലനിറവും, എഴുത്തിന്റെ നിറവും രണ്ടു തരത്തിൽ നിർവചിക്കാം, ആദ്യ രീതി കൂടുതൽ അനുയോജ്യം:


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
വരി 266: വരി 267:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{|  
{|  
വരി 276: വരി 277:
</blockquote>
</blockquote>


ചരങ്ങളുടെ പൊതു ഉപയോഗത്തിലുള്ളതു പോലെ നിറങ്ങള്‍ മുഴുവന്‍ വരിക്കായോ, മുഴുവന്‍ പട്ടികയ്ക്കായോ വേണമെങ്കിലും നല്‍കാവുന്നതാണ്; ഒരു പ്രത്യേക വരി നിര്‍വചിക്കുവാനുള്ള ചരങ്ങള്‍ പട്ടികയുടെ നിര്‍വചനത്തെ അതിലംഘിക്കുന്നതായിരിക്കും. അതേപോലെ ഒരു പ്രത്യേക കളത്തിനുള്ള നിര്‍വചനം, അതുള്ള വരിയുടെ നിര്‍വചനത്തേയും അതിലംഘിക്കും.
ചരങ്ങളുടെ പൊതു ഉപയോഗത്തിലുള്ളതു പോലെ നിറങ്ങൾ മുഴുവൻ വരിക്കായോ, മുഴുവൻ പട്ടികയ്ക്കായോ വേണമെങ്കിലും നൽകാവുന്നതാണ്; ഒരു പ്രത്യേക വരി നിർവചിക്കുവാനുള്ള ചരങ്ങൾ പട്ടികയുടെ നിർവചനത്തെ അതിലംഘിക്കുന്നതായിരിക്കും. അതേപോലെ ഒരു പ്രത്യേക കളത്തിനുള്ള നിർവചനം, അതുള്ള വരിയുടെ നിർവചനത്തേയും അതിലംഘിക്കും.


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
വരി 290: വരി 291:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| style="background:yellow; color:green"
{| style="background:yellow; color:green"
വരി 302: വരി 303:
</blockquote>
</blockquote>


താളിന്റെ പശ്ചാത്തലവുമായി പട്ടിക ചേര്‍ന്നു നില്‍ക്കണമെങ്കില്‍ <code>style="background:none"</code> എന്നോ <code>style="background:transparent"</code> എന്നോ ഉപയോഗിക്കുക (<code>style="background:inherit"</code> ഐ.ഇ.6 അടക്കം ചില ബ്രൌസറുകളില്‍ പ്രവര്‍ത്തിക്കില്ല.  
താളിന്റെ പശ്ചാത്തലവുമായി പട്ടിക ചേർന്നു നിൽക്കണമെങ്കിൽ <code>style="background:none"</code> എന്നോ <code>style="background:transparent"</code> എന്നോ ഉപയോഗിക്കുക (<code>style="background:inherit"</code> ഐ.ഇ.6 അടക്കം ചില ബ്രൌസറുകളിൽ പ്രവർത്തിക്കില്ല.  


കാണുക : [[:w:style|style]], [[:w:background|background]], [[:w:list of colors|list of colors]], [[:w:web colors|web colors]]
കാണുക : [[:w:style|style]], [[:w:background|background]], [[:w:list of colors|list of colors]], [[:w:web colors|web colors]]


===വീതിയും ഉയരവും===
===വീതിയും ഉയരവും===
ഒരു വരിയുടേയോ പട്ടികയുടെ തന്നെയോ വീതിയും ഉയരവും നിര്‍വചിക്കാവുന്നതാണ്. ഓരോ കളത്തിന്റേയും വീതി പ്രത്യേകം പ്രത്യേകം പറഞ്ഞുകൊടുത്ത് നിരയുടെ വീതി നിര്‍വചിക്കാവുന്നതാണ്. ഒരു കളത്തില്‍ മാത്രം നിരയുടെ വീതിയോ വരിയുടെ ഉയരമോ പറഞ്ഞുകൊടുത്താലും മിക്കവാറും ഒരേ പോലെ പ്രവര്‍ത്തിക്കും എന്നാലും അത് ബ്രൌസറിനനുസരിച്ചാണെന്നോര്‍ക്കുക.
ഒരു വരിയുടേയോ പട്ടികയുടെ തന്നെയോ വീതിയും ഉയരവും നിർവചിക്കാവുന്നതാണ്. ഓരോ കളത്തിന്റേയും വീതി പ്രത്യേകം പ്രത്യേകം പറഞ്ഞുകൊടുത്ത് നിരയുടെ വീതി നിർവചിക്കാവുന്നതാണ്. ഒരു കളത്തിൽ മാത്രം നിരയുടെ വീതിയോ വരിയുടെ ഉയരമോ പറഞ്ഞുകൊടുത്താലും മിക്കവാറും ഒരേ പോലെ പ്രവർത്തിക്കും എന്നാലും അത് ബ്രൌസറിനനുസരിച്ചാണെന്നോർക്കുക.


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
വരി 321: വരി 322:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| style="width:75%; height:200px" border="1"
{| style="width:75%; height:200px" border="1"
വരി 333: വരി 334:
</blockquote>
</blockquote>


<code>style="</code>inline CSS<code>"</code> തുടങ്ങിയ കോഡിങ്ങുകള്‍ ചില ബ്രൌസറുകള്‍ക്ക് തിരിച്ചറിയാനേ കഴിയുകയില്ല എന്നോര്‍ക്കുക. പഴയ രീതികളായ <code>width="75%"</code>  മിക്ക ബ്രൌസറുകളിലും പ്രവര്‍ത്തിക്കും എന്നോര്‍ക്കുക.  
<code>style="</code>inline CSS<code>"</code> തുടങ്ങിയ കോഡിങ്ങുകൾ ചില ബ്രൌസറുകൾക്ക് തിരിച്ചറിയാനേ കഴിയുകയില്ല എന്നോർക്കുക. പഴയ രീതികളായ <code>width="75%"</code>  മിക്ക ബ്രൌസറുകളിലും പ്രവർത്തിക്കും എന്നോർക്കുക.  


==== നിരയുടെ വീതി ക്രമപ്പെടുത്തല്‍====
==== നിരയുടെ വീതി ക്രമപ്പെടുത്തൽ====
നിരയിലെ കളങ്ങളില്‍ വച്ച് ഏറ്റവും ദൈര്‍ഘ്യമുള്ള എഴുത്ത് നിരയുടെ വീതിയായി വരുന്നതിനപ്പുറം താങ്കളുടെ താത്പര്യപ്രകാരമുള്ള അളവുകള്‍ വേണമെങ്കില്‍ ഈ ഉദാഹരണം കാണുക. വീതിക്കനുസരിച്ച് എഴുത്തുകള്‍ മുറിഞ്ഞുപോകുന്നതു ശ്രദ്ധിക്കുക.
നിരയിലെ കളങ്ങളിൽ വച്ച് ഏറ്റവും ദൈർഘ്യമുള്ള എഴുത്ത് നിരയുടെ വീതിയായി വരുന്നതിനപ്പുറം താങ്കളുടെ താത്പര്യപ്രകാരമുള്ള അളവുകൾ വേണമെങ്കിൽ ഈ ഉദാഹരണം കാണുക. വീതിക്കനുസരിച്ച് എഴുത്തുകൾ മുറിഞ്ഞുപോകുന്നതു ശ്രദ്ധിക്കുക.


<blockquote style="background: white; border: 1px solid black; padding: 1em;"><pre><nowiki>
<blockquote style="background: white; border: 1px solid black; padding: 1em;"><pre><nowiki>
വരി 344: വരി 345:
!width="225"| വലിയ നിര
!width="225"| വലിയ നിര
|-
|-
| ദ്യോവിനെ വിറപ്പിക്കുമാ || വിളി കേട്ടോ മണിക്കോവിലില്‍ മയങ്ങുന്ന  ||  മാനവരുടെ ദൈവം
| ദ്യോവിനെ വിറപ്പിക്കുമാ || വിളി കേട്ടോ മണിക്കോവിലിൽ മയങ്ങുന്ന  ||  മാനവരുടെ ദൈവം
|-
|-
| എങ്കിലുമതുചെന്നു || മറ്റൊലികൊണ്ടൂ പുത്രസങ്കടം സഹിയാത്ത || സഹ്യന്റെ ഹൃദയത്തില്‍
| എങ്കിലുമതുചെന്നു || മറ്റൊലികൊണ്ടൂ പുത്രസങ്കടം സഹിയാത്ത || സഹ്യന്റെ ഹൃദയത്തിൽ
|}
|}
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>
വരി 356: വരി 357:
!width="225"| വലിയ നിര
!width="225"| വലിയ നിര
|-
|-
| ദ്യോവിനെ വിറപ്പിക്കുമാ || വിളി കേട്ടോ മണിക്കോവിലില്‍ മയങ്ങുന്ന  ||  മാനവരുടെ ദൈവം
| ദ്യോവിനെ വിറപ്പിക്കുമാ || വിളി കേട്ടോ മണിക്കോവിലിൽ മയങ്ങുന്ന  ||  മാനവരുടെ ദൈവം
|-
|-
| എങ്കിലുമതുചെന്നു || മറ്റൊലികൊണ്ടൂ പുത്രസങ്കടം സഹിയാത്ത || സഹ്യന്റെ ഹൃദയത്തില്‍
| എങ്കിലുമതുചെന്നു || മറ്റൊലികൊണ്ടൂ പുത്രസങ്കടം സഹിയാത്ത || സഹ്യന്റെ ഹൃദയത്തിൽ
|}
|}
</blockquote>
</blockquote>


തലക്കെട്ടുകളില്‍ ഒറ്റയടിക്കു നല്‍കുന്നതല്ലാതെ നിരകള്‍ക്ക് വീതി പറഞ്ഞു കൊടുക്കുവാന്‍ നിരയിലെ ആദ്യകളത്തിനുള്ള വീതി പറഞ്ഞുകൊടുത്താല്‍ മതിയാവും:
തലക്കെട്ടുകളിൽ ഒറ്റയടിക്കു നൽകുന്നതല്ലാതെ നിരകൾക്ക് വീതി പറഞ്ഞു കൊടുക്കുവാൻ നിരയിലെ ആദ്യകളത്തിനുള്ള വീതി പറഞ്ഞുകൊടുത്താൽ മതിയാവും:


<blockquote style="background: white; border: 1px solid black; padding: 1em;"><pre><nowiki>
<blockquote style="background: white; border: 1px solid black; padding: 1em;"><pre><nowiki>
{| border="1" cellpadding="2"
{| border="1" cellpadding="2"
|-
|-
|width="100pt"| ഈ നിരയ്ക്ക് 100 ബിന്ദുക്കള്‍ വീതിയുണ്ട്
|width="100pt"| ഈ നിരയ്ക്ക് 100 ബിന്ദുക്കൾ വീതിയുണ്ട്
|width="200pt"| ഈ നിരയ്ക്ക് 200 ബിന്ദുക്കള്‍ വീതിയുണ്ട്
|width="200pt"| ഈ നിരയ്ക്ക് 200 ബിന്ദുക്കൾ വീതിയുണ്ട്
|width="300pt"| ഈ നിരയ്ക്ക് 300 ബിന്ദുക്കള്‍ വീതിയുണ്ട്
|width="300pt"| ഈ നിരയ്ക്ക് 300 ബിന്ദുക്കൾ വീതിയുണ്ട്
|-
|-
| സുഖദാം || വരദാം || മാതരം
| സുഖദാം || വരദാം || മാതരം
വരി 378: വരി 379:
{| border="1" cellpadding="2"
{| border="1" cellpadding="2"
|-
|-
|width="100pt"| ഈ നിരയ്ക്ക് 100 ബിന്ദുക്കള്‍ വീതിയുണ്ട്
|width="100pt"| ഈ നിരയ്ക്ക് 100 ബിന്ദുക്കൾ വീതിയുണ്ട്
|width="200pt"| ഈ നിരയ്ക്ക് 200 ബിന്ദുക്കള്‍ വീതിയുണ്ട്
|width="200pt"| ഈ നിരയ്ക്ക് 200 ബിന്ദുക്കൾ വീതിയുണ്ട്
|width="300pt"| ഈ നിരയ്ക്ക് 300 ബിന്ദുക്കള്‍ വീതിയുണ്ട്
|width="300pt"| ഈ നിരയ്ക്ക് 300 ബിന്ദുക്കൾ വീതിയുണ്ട്
|-
|-
| സുഖദാം || വരദാം || മാതരം
| സുഖദാം || വരദാം || മാതരം
വരി 386: വരി 387:
</blockquote>
</blockquote>


നിരകള്‍ ക്രമപ്പെടുത്താനായും വീതി ഉപയോഗപ്പെടുത്താവുന്നതാണ്
നിരകൾ ക്രമപ്പെടുത്താനായും വീതി ഉപയോഗപ്പെടുത്താവുന്നതാണ്




വരി 400: വരി 401:
!width="225"|തലസ്ഥാനം
!width="225"|തലസ്ഥാനം
|-
|-
|ഫ്രാന്‍സ് || പാരീസ്
|ഫ്രാൻസ് || പാരീസ്
|}
|}


===ലംബമായുള്ള സ്ഥാ‍ന നിര്‍ണ്ണയം===
===ലംബമായുള്ള സ്ഥാ‍ന നിർണ്ണയം===
സ്വതവേ പട്ടികയിലെ കളങ്ങളിലെ എഴുത്തുകള്‍ ലംബമായി നോക്കിയാല്‍ കളത്തിനുള്ളില്‍ മദ്ധ്യഭാഗത്തായിരിക്കും. ചിലപ്പോഴെങ്കിലും ഇത് കാണാന്‍ സുഖകരമായിരിക്കില്ല.
സ്വതവേ പട്ടികയിലെ കളങ്ങളിലെ എഴുത്തുകൾ ലംബമായി നോക്കിയാൽ കളത്തിനുള്ളിൽ മദ്ധ്യഭാഗത്തായിരിക്കും. ചിലപ്പോഴെങ്കിലും ഇത് കാണാൻ സുഖകരമായിരിക്കില്ല.


<blockquote style="background: white; border: 1px solid black; padding: 1em;">
<blockquote style="background: white; border: 1px solid black; padding: 1em;">
വരി 410: വരി 411:
|-
|-
|width="10%"|'''വരിയുടെ തലക്കെട്ട്'''
|width="10%"|'''വരിയുടെ തലക്കെട്ട്'''
|width="70%"| ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലില്‍ നല്‍ത്തണലു നല്‍കുന്ന വൃക്ഷങ്ങള്‍ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയില്‍ ചുള്ളിനാരുകള്‍ പിണച്ചുള്ള കൊച്ചുനീഡത്തില്‍ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികള്‍ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടര്‍ന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകള്‍ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെന്‍ മനസ്സിന്‍ മുറിപ്പാടുകള്‍ വേദന മറക്കുന്നു.  
|width="70%"| ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു നൽകുന്ന വൃക്ഷങ്ങൾ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയിൽ ചുള്ളിനാരുകൾ പിണച്ചുള്ള കൊച്ചുനീഡത്തിൽ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികൾ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടർന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകൾ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെൻ മനസ്സിൻ മുറിപ്പാടുകൾ വേദന മറക്കുന്നു.  
|width="20%"|ചെറിയ എഴുത്ത്.
|width="20%"|ചെറിയ എഴുത്ത്.
|-
|-
|'''വരിയുടെ തലക്കെട്ട്'''
|'''വരിയുടെ തലക്കെട്ട്'''
|ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലില്‍ നല്‍ത്തണലു നല്‍കുന്ന വൃക്ഷങ്ങള്‍ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയില്‍ ചുള്ളിനാരുകള്‍ പിണച്ചുള്ള കൊച്ചുനീഡത്തില്‍ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികള്‍ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടര്‍ന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകള്‍ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെന്‍ മനസ്സിന്‍ മുറിപ്പാടുകള്‍ വേദന മറക്കുന്നു.  
|ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു നൽകുന്ന വൃക്ഷങ്ങൾ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയിൽ ചുള്ളിനാരുകൾ പിണച്ചുള്ള കൊച്ചുനീഡത്തിൽ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികൾ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടർന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകൾ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെൻ മനസ്സിൻ മുറിപ്പാടുകൾ വേദന മറക്കുന്നു.  
|ചെറിയ എഴുത്ത്.
|ചെറിയ എഴുത്ത്.
|}
|}
</blockquote>
</blockquote>


ഈ പ്രശ്നം പരിഹരിക്കാന്‍ valign="top" എന്ന് വരികളില്‍ കൊടുത്താല്‍ മതിയാവും (ഓരോ വരിയിലും കൊടുക്കേണ്ടി വന്നേക്കും) ഉദാഹരണം
ഈ പ്രശ്നം പരിഹരിക്കാൻ valign="top" എന്ന് വരികളിൽ കൊടുത്താൽ മതിയാവും (ഓരോ വരിയിലും കൊടുക്കേണ്ടി വന്നേക്കും) ഉദാഹരണം


<blockquote style="background: white; border: 1px solid black; padding: 1em;"><pre><nowiki>
<blockquote style="background: white; border: 1px solid black; padding: 1em;"><pre><nowiki>
വരി 425: വരി 426:
|-valign="top"
|-valign="top"
|width="10%"|'''വരിയുടെ തലക്കെട്ട്'''
|width="10%"|'''വരിയുടെ തലക്കെട്ട്'''
|width="70%"|ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലില്‍ നല്‍ത്തണലു...
|width="70%"|ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു...
|width="20%"|ചെറിയ എഴുത്ത്.
|width="20%"|ചെറിയ എഴുത്ത്.
|-valign="top"
|-valign="top"
|'''വരിയുടെ തലക്കെട്ട്'''
|'''വരിയുടെ തലക്കെട്ട്'''
|ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലില്‍ നല്‍ത്തണലു...  
|ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു...  
|ചെറിയ എഴുത്ത്.
|ചെറിയ എഴുത്ത്.
|}
|}
വരി 438: വരി 439:
|-valign="top"
|-valign="top"
|width="10%"|'''വരിയുടെ തലക്കെട്ട്'''
|width="10%"|'''വരിയുടെ തലക്കെട്ട്'''
|width="70%"| ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലില്‍ നല്‍ത്തണലു നല്‍കുന്ന വൃക്ഷങ്ങള്‍ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയില്‍ ചുള്ളിനാരുകള്‍ പിണച്ചുള്ള കൊച്ചുനീഡത്തില്‍ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികള്‍ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടര്‍ന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകള്‍ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെന്‍ മനസ്സിന്‍ മുറിപ്പാടുകള്‍ വേദന മറക്കുന്നു.  
|width="70%"| ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു നൽകുന്ന വൃക്ഷങ്ങൾ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയിൽ ചുള്ളിനാരുകൾ പിണച്ചുള്ള കൊച്ചുനീഡത്തിൽ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികൾ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടർന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകൾ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെൻ മനസ്സിൻ മുറിപ്പാടുകൾ വേദന മറക്കുന്നു.  
|width="20%"|ചെറിയ എഴുത്ത്.
|width="20%"|ചെറിയ എഴുത്ത്.
|-valign="top"
|-valign="top"
|'''വരിയുടെ തലക്കെട്ട്'''
|'''വരിയുടെ തലക്കെട്ട്'''
| ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലില്‍ നല്‍ത്തണലു നല്‍കുന്ന വൃക്ഷങ്ങള്‍ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയില്‍ ചുള്ളിനാരുകള്‍ പിണച്ചുള്ള കൊച്ചുനീഡത്തില്‍ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികള്‍ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടര്‍ന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകള്‍ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെന്‍ മനസ്സിന്‍ മുറിപ്പാടുകള്‍ വേദന മറക്കുന്നു.  
| ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു നൽകുന്ന വൃക്ഷങ്ങൾ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയിൽ ചുള്ളിനാരുകൾ പിണച്ചുള്ള കൊച്ചുനീഡത്തിൽ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികൾ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടർന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകൾ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെൻ മനസ്സിൻ മുറിപ്പാടുകൾ വേദന മറക്കുന്നു.  
|ചെറിയ എഴുത്ത്.
|ചെറിയ എഴുത്ത്.
|}
|}
</blockquote>
</blockquote>


===സ്ഥാനനിര്‍ണ്ണയം===
===സ്ഥാനനിർണ്ണയം===
വേണമെങ്കില്‍ പട്ടികയുടേയോ, ഒരു വരിയുടെ ഉള്ളടക്കത്തിനേയോ, അല്ല ഒരു കളത്തിന്റെ ഉള്ളടക്കത്തിനു മാത്രമോ ആയി സ്ഥാനം പറഞ്ഞുകൊടുക്കാന്‍ കഴിയും. ഇതെല്ലാം വ്യത്യസ്ത രീതികളിലാവും ചെയ്യേണ്ടി വരിക. ഒരു കാരണവശാലും പട്ടിക "float" ആയി നല്‍കരുത്. താളിന്റെ ദൃശ്യരൂപത്തെ അത് ദോഷകരമായി ബാധിക്കും.
വേണമെങ്കിൽ പട്ടികയുടേയോ, ഒരു വരിയുടെ ഉള്ളടക്കത്തിനേയോ, അല്ല ഒരു കളത്തിന്റെ ഉള്ളടക്കത്തിനു മാത്രമോ ആയി സ്ഥാനം പറഞ്ഞുകൊടുക്കാൻ കഴിയും. ഇതെല്ലാം വ്യത്യസ്ത രീതികളിലാവും ചെയ്യേണ്ടി വരിക. ഒരു കാരണവശാലും പട്ടിക "float" ആയി നൽകരുത്. താളിന്റെ ദൃശ്യരൂപത്തെ അത് ദോഷകരമായി ബാധിക്കും.


===അധിക വിവരങ്ങള്‍===
===അധിക വിവരങ്ങൾ===
ഇവിടെ പട്ടികകളില്‍ കൂടുതല്‍ സൌകര്യങ്ങള്‍ ചേര്‍ക്കാനുള്ള കുറെക്കൂടി സങ്കീര്‍ണ്ണമായ ഉദാഹരണങ്ങള്‍ കാണം. ഉള്ളടക്കം ആവശ്യാനുസരണം ക്രമപ്പെടുത്തല്‍ (സോര്‍ട്ടിങ്) കോള്‍സ്പാനോ, റോസ്പാനോ ഉണ്ടെങ്കില്‍ ശരിയായി പ്രവര്‍ത്തിക്കില്ലന്നോര്‍ക്കുക.
ഇവിടെ പട്ടികകളിൽ കൂടുതൽ സൌകര്യങ്ങൾ ചേർക്കാനുള്ള കുറെക്കൂടി സങ്കീർണ്ണമായ ഉദാഹരണങ്ങൾ കാണം. ഉള്ളടക്കം ആവശ്യാനുസരണം ക്രമപ്പെടുത്തൽ (സോർട്ടിങ്) കോൾസ്പാനോ, റോസ്പാനോ ഉണ്ടെങ്കിൽ ശരിയായി പ്രവർത്തിക്കില്ലന്നോർക്കുക.


താങ്കള്‍ക്ക് താങ്കളുടെ പട്ടികകളില്‍ ക്രമീകരണങ്ങള്‍ പരീക്ഷിച്ചു നോക്കാവുന്നതാണ്. എല്ലാ സന്ദര്‍ഭങ്ങളിലും എല്ലാ ക്രമീകരണങ്ങളും ആവശ്യം വരില്ല, ഉദാഹരണത്തിന് നിറം പിടിപ്പിച്ച പശ്ചാത്തലം സാധാരണ സന്ദര്‍ഭങ്ങളില്‍ പട്ടികയ്ക്ക് ചേരില്ല. താങ്കള്‍ സൃഷ്ടിക്കുന്ന പട്ടികകള്‍ ലളിതമായിരിക്കാന്‍ ശ്രദ്ധിക്കുക - മറ്റുള്ളവര്‍ക്കും അതില്‍ തിരുത്താന്‍ കഴിയുമെന്നോര്‍ക്കുക. ഈ ഉദാഹരണങ്ങള്‍ എന്തായാലും താങ്കള്‍ക്ക് ഒരു അവബോധം പകര്‍ന്നു തരാന്‍ പ്രാപ്തമാണ്.
താങ്കൾക്ക് താങ്കളുടെ പട്ടികകളിൽ ക്രമീകരണങ്ങൾ പരീക്ഷിച്ചു നോക്കാവുന്നതാണ്. എല്ലാ സന്ദർഭങ്ങളിലും എല്ലാ ക്രമീകരണങ്ങളും ആവശ്യം വരില്ല, ഉദാഹരണത്തിന് നിറം പിടിപ്പിച്ച പശ്ചാത്തലം സാധാരണ സന്ദർഭങ്ങളിൽ പട്ടികയ്ക്ക് ചേരില്ല. താങ്കൾ സൃഷ്ടിക്കുന്ന പട്ടികകൾ ലളിതമായിരിക്കാൻ ശ്രദ്ധിക്കുക - മറ്റുള്ളവർക്കും അതിൽ തിരുത്താൻ കഴിയുമെന്നോർക്കുക. ഈ ഉദാഹരണങ്ങൾ എന്തായാലും താങ്കൾക്ക് ഒരു അവബോധം പകർന്നു തരാൻ പ്രാപ്തമാണ്.


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
വരി 463: വരി 464:
! colspan="2" style="background:#ffdead;" | രണ്ടാം തലക്കെട്ട്
! colspan="2" style="background:#ffdead;" | രണ്ടാം തലക്കെട്ട്
|-
|-
| മുകളില്‍ ഇടത്
| മുകളിൽ ഇടത്
| &amp;nbsp;
| &amp;nbsp;
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
വരി 479: വരി 480:
|-
|-
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" |
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" |
വിക്കിമീഡിയയുടെ രണ്ട് ലോഗോകള്‍
വിക്കിമീഡിയയുടെ രണ്ട് ലോഗോകൾ
|}
|}
|}
|}
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| border="1" cellpadding="5" cellspacing="0" align="center"
{| border="1" cellpadding="5" cellspacing="0" align="center"
വരി 492: വരി 493:
! colspan="2" style="background:#ffdead;" | രണ്ടാം തലക്കെട്ട്
! colspan="2" style="background:#ffdead;" | രണ്ടാം തലക്കെട്ട്
|-
|-
| മുകളില്‍ ഇടത്
| മുകളിൽ ഇടത്
| &amp;nbsp;
| &amp;nbsp;
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
വരി 508: വരി 509:
|-
|-
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" |
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" |
വിക്കിമീഡിയയുടെ രണ്ട് ലോഗോകള്‍
വിക്കിമീഡിയയുടെ രണ്ട് ലോഗോകൾ
|}
|}
|}
|}
വരി 518: വരി 519:
ഈ ഖണ്ഡിക പട്ടികയ്ക്ക് മുമ്പ്.  മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം
ഈ ഖണ്ഡിക പട്ടികയ്ക്ക് മുമ്പ്.  മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം
നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു
നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു
കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികള്‍ തല്ലി
കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികൾ തല്ലി
പൊടിക്കും...
പൊടിക്കും...


വരി 530: വരി 531:
|}
|}


ഫ്ലോട്ടിങ് പട്ടിക വലത്തായിട്ടാണെന്നോര്‍ക്കുക.   
ഫ്ലോട്ടിങ് പട്ടിക വലത്തായിട്ടാണെന്നോർക്കുക.   


ഈ ഖണ്ഡിക പട്ടികയ്ക്കു ശേഷം.  മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം
ഈ ഖണ്ഡിക പട്ടികയ്ക്കു ശേഷം.  മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം
നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു
നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു
കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികള്‍ തല്ലി
കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികൾ തല്ലി
പൊടിക്കും...
പൊടിക്കും...
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">


ഈ ഖണ്ഡിക പട്ടികയ്ക്ക് മുമ്പ്.  മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം
ഈ ഖണ്ഡിക പട്ടികയ്ക്ക് മുമ്പ്.  മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം
നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു
നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു
കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികള്‍ തല്ലി
കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികൾ തല്ലി
പൊടിക്കും......
പൊടിക്കും......


വരി 557: വരി 558:




ഫ്ലോട്ടിങ് പട്ടിക വലത്തായിട്ടാണെന്നോര്‍ക്കുക.   
ഫ്ലോട്ടിങ് പട്ടിക വലത്തായിട്ടാണെന്നോർക്കുക.   


ഈ ഖണ്ഡിക പട്ടികയ്ക്കു ശേഷം.  മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം
ഈ ഖണ്ഡിക പട്ടികയ്ക്കു ശേഷം.  മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം
നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു
നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു
കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികള്‍ തല്ലി
കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികൾ തല്ലി
പൊടിക്കും...
പൊടിക്കും...
</blockquote>{{-}}
</blockquote>{{-}}


=== പട്ടികയ്ക്കുള്ളിലെ പട്ടിക===
=== പട്ടികയ്ക്കുള്ളിലെ പട്ടിക===
ഒരു പട്ടികയുടെ കളങ്ങള്‍ക്കുള്ളില്‍ അഞ്ച് മറ്റ് പട്ടികകള്‍ (നീലനിറത്തില്‍) ഉള്‍പ്പെടുത്തിയിരിക്കുന്നു. |ക| എന്ന പട്ടികയുടേയും |ച|ച| എന്ന പട്ടികയുടേയും സ്വയം ലംബസ്ഥാനം സ്വീകരിച്ചിരിക്കുന്നു. |ട|, |ത| എന്നീ പട്ടികകള്‍ ഫ്ലോട്ട് ഉപയോഗിച്ച് സ്ഥാന നിര്‍ണ്ണയം ചെയ്തിരിക്കുന്നു. രൂപരേഖകളിലും ചാര്‍ട്ടിലുമൊക്കെ ഈ രീതി കൈക്കൊള്ളാവുന്നതാണ്.
ഒരു പട്ടികയുടെ കളങ്ങൾക്കുള്ളിൽ അഞ്ച് മറ്റ് പട്ടികകൾ (നീലനിറത്തിൽ) ഉൾപ്പെടുത്തിയിരിക്കുന്നു. |ക| എന്ന പട്ടികയുടേയും |ച|ച| എന്ന പട്ടികയുടേയും സ്വയം ലംബസ്ഥാനം സ്വീകരിച്ചിരിക്കുന്നു. |ട|, |ത| എന്നീ പട്ടികകൾ ഫ്ലോട്ട് ഉപയോഗിച്ച് സ്ഥാന നിർണ്ണയം ചെയ്തിരിക്കുന്നു. രൂപരേഖകളിലും ചാർട്ടിലുമൊക്കെ ഈ രീതി കൈക്കൊള്ളാവുന്നതാണ്.
''പട്ടികയ്ക്കുള്ളിലെ പട്ടിക പുതിയൊരു വരിയില്‍ തുടങ്ങേണ്ടതാണ്.''
''പട്ടികയ്ക്കുള്ളിലെ പട്ടിക പുതിയൊരു വരിയിൽ തുടങ്ങേണ്ടതാണ്.''


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
വരി 603: വരി 604:
</tt></p></blockquote>
</tt></p></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| border="1"
{| border="1"
വരി 642: വരി 643:
| colspan="2" align="center"| ഖ
| colspan="2" align="center"| ഖ
|-
|-
| ഗ &lt;!-- നിര 1-ല്‍ കളം ക അധിനിവേശിച്ചിരിക്കുന്നു --&gt;
| ഗ &lt;!-- നിര 1-കളം ക അധിനിവേശിച്ചിരിക്കുന്നു --&gt;
| ഘ  
| ഘ  
|-
|-
വരി 654: വരി 655:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| border="1" cellpadding="5" cellspacing="0"
{| border="1" cellpadding="5" cellspacing="0"
വരി 663: വരി 664:
| colspan="2" align="center"| ഖ
| colspan="2" align="center"| ഖ
|-
|-
| ഗ &lt;!-- നിര 1-ല്‍ കളം ക അധിനിവേശിച്ചിരിക്കുന്നു --&gt;
| ഗ &lt;!-- നിര 1-കളം ക അധിനിവേശിച്ചിരിക്കുന്നു --&gt;
| ഘ  
| ഘ  
|-
|-
വരി 675: വരി 676:
</blockquote>
</blockquote>


കളം '''ഛ''' യിലെ <code>rowspan="2"</code> ന്റെ ഒപ്പം കളം '''ച''' യ്ക്കായി <code>rowspan="3"</code> ഉപയോഗിച്ചാല്‍ '''ഛ''' യ്ക്കും '''ച'' യ്ക്കും അടിയില്‍ പുതിയൊരു വരി കിട്ടില്ല. എന്നോര്‍ക്കുക. ശൂന്യമായ കളങ്ങള്‍ കാണിക്കില്ല.
കളം '''ഛ''' യിലെ <code>rowspan="2"</code> ന്റെ ഒപ്പം കളം '''ച''' യ്ക്കായി <code>rowspan="3"</code> ഉപയോഗിച്ചാൽ '''ഛ''' യ്ക്കും '''ച'' യ്ക്കും അടിയിൽ പുതിയൊരു വരി കിട്ടില്ല. എന്നോർക്കുക. ശൂന്യമായ കളങ്ങൾ കാണിക്കില്ല.


ഒരു നിരയിലെ മുഴുവന്‍ കളങ്ങളും ശൂന്യമാണെങ്കില്‍ നിരയേ കാണിക്കില്ല. ശൂന്യമായതും ശൂന്യമല്ലാത്തതുമായ കളങ്ങള്‍ക്കിടയില്‍ സീമയുണ്ടെങ്കില്‍ അതും കാണിക്കാനിടയില്ല (ബ്രൌസറധിഷ്ഠിതം). ശൂന്യമായ കളങ്ങളില്‍ ശൂന്യമല്ലെന്നു തെറ്റിദ്ധരിപ്പിക്കാന്‍ അതുകൊണ്ട് <code>&amp;nbsp;</code> ഉപയോഗിക്കുക.
ഒരു നിരയിലെ മുഴുവൻ കളങ്ങളും ശൂന്യമാണെങ്കിൽ നിരയേ കാണിക്കില്ല. ശൂന്യമായതും ശൂന്യമല്ലാത്തതുമായ കളങ്ങൾക്കിടയിൽ സീമയുണ്ടെങ്കിൽ അതും കാണിക്കാനിടയില്ല (ബ്രൌസറധിഷ്ഠിതം). ശൂന്യമായ കളങ്ങളിൽ ശൂന്യമല്ലെന്നു തെറ്റിദ്ധരിപ്പിക്കാൻ അതുകൊണ്ട് <code>&amp;nbsp;</code> ഉപയോഗിക്കുക.


===പട്ടികകള്‍ മദ്ധ്യഭാഗത്തായി നിലനിര്‍ത്താന്‍===
===പട്ടികകൾ മദ്ധ്യഭാഗത്തായി നിലനിർത്താൻ===
താളിനു നടുക്കായി നില്‍ക്കുന്ന പട്ടികകള്‍ നിര്‍മ്മിക്കാവുന്നതാണ് പക്ഷേ അവ "float" ആയി നല്‍കരുത്, പട്ടികയ്ക്കിരുവശത്തുമായി എഴുത്തുകള്‍ ഉണ്ടാകരുതെന്നര്‍ത്ഥം. അതിനായി <tt><nowiki>{| style="margin: 1em auto 1em auto"</nowiki></tt> ഉപയോഗിക്കുക.
താളിനു നടുക്കായി നിൽക്കുന്ന പട്ടികകൾ നിർമ്മിക്കാവുന്നതാണ് പക്ഷേ അവ "float" ആയി നൽകരുത്, പട്ടികയ്ക്കിരുവശത്തുമായി എഴുത്തുകൾ ഉണ്ടാകരുതെന്നർത്ഥം. അതിനായി <tt><nowiki>{| style="margin: 1em auto 1em auto"</nowiki></tt> ഉപയോഗിക്കുക.


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"><pre><nowiki>
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"><pre><nowiki>
{| class="wikitable" style="margin: 1em auto 1em auto"
{| class="wikitable" style="margin: 1em auto 1em auto"
|+ '''ഇടത്തേക്ക് ചേര്‍ന്നെഴുത്തുകളുള്ള കളങ്ങള്‍, പട്ടിക മദ്ധ്യത്തില്‍'''
|+ '''ഇടത്തേക്ക് ചേർന്നെഴുത്തുകളുള്ള കളങ്ങൾ, പട്ടിക മദ്ധ്യത്തിൽ'''
! നിന്നില്ല || ഒരിത്തിരി || നേരമാരും
! നിന്നില്ല || ഒരിത്തിരി || നേരമാരും
|-
|-
| തമ്പകം  || പോരാ || മരുതു പോരാ
| തമ്പകം  || പോരാ || മരുതു പോരാ
|-
|-
| തമ്പുരാന്‍ || കല്‍പ്പിച്ചിരിക്ക || അല്ലേ.
| തമ്പുരാൻ || കൽപ്പിച്ചിരിക്ക || അല്ലേ.
|}
|}
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| class="wikitable" style="margin: 1em auto 1em auto"
{| class="wikitable" style="margin: 1em auto 1em auto"
|+ '''ഇടത്തേക്ക് ചേര്‍ന്നെഴുത്തുകളുള്ള കളങ്ങള്‍, പട്ടിക മദ്ധ്യത്തില്‍'''
|+ '''ഇടത്തേക്ക് ചേർന്നെഴുത്തുകളുള്ള കളങ്ങൾ, പട്ടിക മദ്ധ്യത്തിൽ'''
! നിന്നില്ല || ഒരിത്തിരി || നേരമാരും
! നിന്നില്ല || ഒരിത്തിരി || നേരമാരും
|-
|-
| തമ്പകം  || പോരാ || മരുതു പോരാ
| തമ്പകം  || പോരാ || മരുതു പോരാ
|-
|-
| തമ്പുരാന്‍ || കല്‍പ്പിച്ചിരിക്ക || അല്ലേ.
| തമ്പുരാൻ || കൽപ്പിച്ചിരിക്ക || അല്ലേ.
|}
|}
</blockquote>
</blockquote>


===ചരങ്ങളുടെ ഉപയോഗം===
===ചരങ്ങളുടെ ഉപയോഗം===
കളത്തിനു തുടക്കത്തില്‍ ചരങ്ങള്‍ നല്‍കുക ഒടുവില്‍ ഒരു ലംബവരയും ഇടുക, ഉദാഹരണത്തിന് <tt>width="300"|</tt> എന്നുപയോഗിക്കുന്നത് കളത്തിന്റെ വീതി 300 ബിന്ദുക്കളാക്കി മാറ്റും. ഒന്നിലധികം ചരങ്ങള്‍ ഉണ്ടെങ്കില്‍ അവയോരോന്നിനുമിടയില്‍ ഓരോ ഇട (Space) നല്‍കുക.
കളത്തിനു തുടക്കത്തിൽ ചരങ്ങൾ നൽകുക ഒടുവിൽ ഒരു ലംബവരയും ഇടുക, ഉദാഹരണത്തിന് <tt>width="300"|</tt> എന്നുപയോഗിക്കുന്നത് കളത്തിന്റെ വീതി 300 ബിന്ദുക്കളാക്കി മാറ്റും. ഒന്നിലധികം ചരങ്ങൾ ഉണ്ടെങ്കിൽ അവയോരോന്നിനുമിടയിൽ ഓരോ ഇട (Space) നൽകുക.


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
വരി 717: വരി 718:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| style="color:white"
{| style="color:white"
വരി 725: വരി 726:
</blockquote>
</blockquote>


===ദശാംശത്തിനനുസരിച്ച് സംഖ്യകള്‍ കാണിക്കാന്‍===
===ദശാംശത്തിനനുസരിച്ച് സംഖ്യകൾ കാണിക്കാൻ===
ദശാംശ ചിഹ്നത്തിനെ അനുസരിച്ച് സംഖ്യകളെ നിരത്തി കാണിക്കാന്‍ ഉപയോഗിക്കാവുന്ന ഒരു മാര്‍ഗ്ഗം:
ദശാംശ ചിഹ്നത്തിനെ അനുസരിച്ച് സംഖ്യകളെ നിരത്തി കാണിക്കാൻ ഉപയോഗിക്കാവുന്ന ഒരു മാർഗ്ഗം:


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
വരി 739: വരി 740:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| cellpadding="0" cellspacing="0"
{| cellpadding="0" cellspacing="0"
വരി 750: വരി 751:
</blockquote>
</blockquote>


സെല്‍പാഡിങോ, സെല്‍‌സ്പേസിങോ (cellpadding, cellspacing) ഉണ്ടെങ്കില്‍ രണ്ട് കളങ്ങളിലായി എഴുതുന്ന സംഖ്യയെ നടുക്കുകൂടി ഉണ്ടായേക്കാവുന്ന വിടവിനെ മറച്ച് ഒരുമിച്ചു കാട്ടാന്‍ കഴിയും. അതിനായി പട്ടികയ്ക്കുള്ളിലൊരു പട്ടിക നിര്‍മ്മിച്ച് അതിന്റെ നിരയുടെ വീതി ആവശ്യാനുസരണം വ്യക്തമാക്കികൊടുക്കുക. ഉള്ളില്‍ നിര്‍മ്മിക്കുന്ന പട്ടികയുടെ നിരയുടെ വീതി നിരയിലെ കളങ്ങളുടെ വീതി തന്നെയായിരിക്കണം. (ദശാംശസംഖ്യകള്‍ എന്നിട്ടും ശരിയായി പ്രത്യക്ഷപ്പെടുന്നില്ലങ്കില്‍ പ്രധാന പട്ടികയുടെ നിര വളരെ ഇടുങ്ങിയതായിരിക്കണം. നിരയുടെ വീതി കൂട്ടാനുള്ള ചരങ്ങള്‍ ഉപയോഗിക്കുക.)
സെൽപാഡിങോ, സെൽ‌സ്പേസിങോ (cellpadding, cellspacing) ഉണ്ടെങ്കിൽ രണ്ട് കളങ്ങളിലായി എഴുതുന്ന സംഖ്യയെ നടുക്കുകൂടി ഉണ്ടായേക്കാവുന്ന വിടവിനെ മറച്ച് ഒരുമിച്ചു കാട്ടാൻ കഴിയും. അതിനായി പട്ടികയ്ക്കുള്ളിലൊരു പട്ടിക നിർമ്മിച്ച് അതിന്റെ നിരയുടെ വീതി ആവശ്യാനുസരണം വ്യക്തമാക്കികൊടുക്കുക. ഉള്ളിൽ നിർമ്മിക്കുന്ന പട്ടികയുടെ നിരയുടെ വീതി നിരയിലെ കളങ്ങളുടെ വീതി തന്നെയായിരിക്കണം. (ദശാംശസംഖ്യകൾ എന്നിട്ടും ശരിയായി പ്രത്യക്ഷപ്പെടുന്നില്ലങ്കിൽ പ്രധാന പട്ടികയുടെ നിര വളരെ ഇടുങ്ങിയതായിരിക്കണം. നിരയുടെ വീതി കൂട്ടാനുള്ള ചരങ്ങൾ ഉപയോഗിക്കുക.)


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
വരി 772: വരി 773:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{|border="1" cellpadding="4" cellspacing="2"
{|border="1" cellpadding="4" cellspacing="2"
വരി 792: വരി 793:
</blockquote>
</blockquote>


ലളിതമായി ഉപയോഗിക്കാവുന്ന സന്ദര്‍ഭങ്ങളില്‍ ആദ്യവരിയില്‍ ഒരു ഇട നല്‍കി അടുത്ത വരികളില്‍ ആവശ്യാനുസരണം ഇടകള്‍ നല്‍കി സംഖ്യകളുടെ സ്ഥാനം സ്ഥാപിക്കാവുന്നതേയുള്ളു:
ലളിതമായി ഉപയോഗിക്കാവുന്ന സന്ദർഭങ്ങളിൽ ആദ്യവരിയിൽ ഒരു ഇട നൽകി അടുത്ത വരികളിൽ ആവശ്യാനുസരണം ഇടകൾ നൽകി സംഖ്യകളുടെ സ്ഥാനം സ്ഥാപിക്കാവുന്നതേയുള്ളു:


  432.1
  432.1
വരി 798: വരി 799:
   4.321
   4.321


==സ്റ്റൈല്‍ ക്ലാസ്സുകള്‍==
==സ്റ്റൈൽ ക്ലാസ്സുകൾ==


:''ഇംഗ്ലീഷ് വിക്കിപീഡിയയിലെ [[:w:Help:User style|സ്റ്റൈലിനെ പറ്റിയുള്ള താള്‍ കാണുക]].''
:''ഇംഗ്ലീഷ് സ്കൂൾവിക്കിയിലെ [[:w:Help:User style|സ്റ്റൈലിനെ പറ്റിയുള്ള താൾ കാണുക]].''


പട്ടികയുടെ മൂലഭാഷയുടെ ആദ്യവരിയില്‍ "{|" വേണ്ട സ്റ്റൈല്‍ മുഴുവന്‍ എഴുതിക്കൊടുക്കുന്നതിനു പകരം ഒരു [[കാസ്കേഡിങ് സ്റ്റൈല്‍ ഷീറ്റ്]] ([[:w:Cascading Style Sheets]], സി.എസ്.എസ്.) ക്ലാസ് നല്‍കാവുന്നതാണ്. ആ ക്ലാസിനുള്ള സ്റ്റൈലുകള്‍ പലവിധത്തില്‍ നിര്‍വചിക്കാം
പട്ടികയുടെ മൂലഭാഷയുടെ ആദ്യവരിയിൽ "{|" വേണ്ട സ്റ്റൈൽ മുഴുവൻ എഴുതിക്കൊടുക്കുന്നതിനു പകരം ഒരു [[കാസ്കേഡിങ് സ്റ്റൈൽ ഷീറ്റ്]] ([[:w:Cascading Style Sheets]], സി.എസ്.എസ്.) ക്ലാസ് നൽകാവുന്നതാണ്. ആ ക്ലാസിനുള്ള സ്റ്റൈലുകൾ പലവിധത്തിൽ നിർവചിക്കാം


*സോഫ്റ്റ്വെയറിനുള്ളില്‍ തന്നെ, രൂപത്തിന് (skin) അനുസരിച്ച് (ഉദാ: class sortable)
*സോഫ്റ്റ്വെയറിനുള്ളിൽ തന്നെ, രൂപത്തിന് (skin) അനുസരിച്ച് (ഉദാ: class sortable)
*ഒരു വിക്കിയിലെ എല്ലാ ഉപയോക്താക്കള്‍ക്കും വേണ്ടി [[മീഡിയവിക്കി:Common.css]] ഉപയോഗിച്ച്.
*ഒരു വിക്കിയിലെ എല്ലാ ഉപയോക്താക്കൾക്കും വേണ്ടി [[മീഡിയവിക്കി:Common.css]] ഉപയോഗിച്ച്.
*collectively for all users of one wiki in [[MediaWiki:Common.css]] (ഉദാ: ഈ വിക്കിയിലും മറ്റു പല പദ്ധതികളിലുമുള്ള class wikitable).
*collectively for all users of one wiki in [[MediaWiki:Common.css]] (ഉദാ: ഈ വിക്കിയിലും മറ്റു പല പദ്ധതികളിലുമുള്ള class wikitable).
*ഒരു രൂപത്തിനു പ്രത്യേകമായി [[മീഡിയവിക്കി:Monobook.css]] മുതലായവ ഉപയോഗിച്ച്.
*ഒരു രൂപത്തിനു പ്രത്യേകമായി [[മീഡിയവിക്കി:Monobook.css]] മുതലായവ ഉപയോഗിച്ച്.
*ഉപയോക്താവിന്റെ ഉപതാളില്‍ കുറിച്ചുകൊടുക്കുന്നതനുസരിച്ച് ഓരോരുത്തരുടെ താത്പര്യപ്രകാരം.
*ഉപയോക്താവിന്റെ ഉപതാളിൽ കുറിച്ചുകൊടുക്കുന്നതനുസരിച്ച് ഓരോരുത്തരുടെ താത്പര്യപ്രകാരം.
*ഉപയോക്താവിന്റെ സ്വന്തം കമ്പ്യൂട്ടറില്‍ നിര്‍വചിച്ചിരിക്കുന്ന പ്രകാരം എല്ലാ വെബ് താളുകള്‍ക്കുമായി.
*ഉപയോക്താവിന്റെ സ്വന്തം കമ്പ്യൂട്ടറിൽ നിർവചിച്ചിരിക്കുന്ന പ്രകാരം എല്ലാ വെബ് താളുകൾക്കുമായി.


പട്ടികയെ രൂപപ്പെടുത്താനാവശ്യമായ എല്ലാ ചരങ്ങളും ഓര്‍ത്തിരിക്കുന്നതിലും എത്രയോ എളുപ്പമാണ് അനുയോജ്യമായ സ്റ്റൈല്‍ ക്ലാസ്  <code>{|</code> നു ശേഷം ചേര്‍ക്കുന്നത്. ഇത് പട്ടികയെ സുദൃഢം ആക്കുന്നു, കൂടാതെ ഒരു മാറ്റം കൊണ്ടുതന്നെ ക്ലാസ് ഉപയോഗിക്കുന്ന എല്ലാ പട്ടികകളേയും മെച്ചപ്പെടുത്തുവാനും സഹായിക്കുന്നു. :
പട്ടികയെ രൂപപ്പെടുത്താനാവശ്യമായ എല്ലാ ചരങ്ങളും ഓർത്തിരിക്കുന്നതിലും എത്രയോ എളുപ്പമാണ് അനുയോജ്യമായ സ്റ്റൈൽ ക്ലാസ്  <code>{|</code> നു ശേഷം ചേർക്കുന്നത്. ഇത് പട്ടികയെ സുദൃഢം ആക്കുന്നു, കൂടാതെ ഒരു മാറ്റം കൊണ്ടുതന്നെ ക്ലാസ് ഉപയോഗിക്കുന്ന എല്ലാ പട്ടികകളേയും മെച്ചപ്പെടുത്തുവാനും സഹായിക്കുന്നു. :


<table border="0" align="center"><tr><td width="46%">
<table border="0" align="center"><tr><td width="46%">
വരി 907: വരി 908:
</blockquote></td></tr></table>
</blockquote></td></tr></table>


ഇവിടെ പട്ടികയ്ക്കൊപ്പം കൊടുക്കേണ്ടിയിരുന്ന ചരങ്ങളെ  <code>class="wikitable"</code> കൊണ്ട് പ്രതിനിധീകരിച്ചിരിക്കുന്നു. [[മീഡിയവിക്കി:Common.css]]-ല്‍ table.wikitable എന്നതിനായി ഒരുകൂട്ടം സ്റ്റൈല്‍ നിയമങ്ങള്‍ ''wikitable'' ക്ലാസ് ആയി ഉള്ളതുകൊണ്ടാണ്. താങ്കള്‍ പട്ടികയെ ക്ലാസ് ഉപയോഗിച്ച് അടയാളപ്പെടുത്തുമ്പോള്‍ അതിലെ നിയമങ്ങളെല്ലാം പട്ടികയില്‍ പ്രവര്‍ത്തിക്കുന്നു. താങ്കള്‍ക്ക് വേണമെങ്കില്‍ കൂടുതല്‍ സ്റ്റൈല്‍ നിയമങ്ങള്‍ അതോടൊപ്പം പട്ടികയോടൊപ്പം ചേര്‍ക്കാവുന്നതാണ്. അത്തരം നിയമങ്ങള്‍ ക്ലാസിലെ നിയമങ്ങള്‍ അതിലംഘിച്ച് പ്രവര്‍ത്തിക്കുന്നതായിരിക്കും. അതുകൊണ്ട് ക്ലാസ് സ്റ്റൈലിനെ അടിസ്ഥാനമാക്കി താങ്കള്‍ക്ക് സ്റ്റൈല്‍ കൂടുതല്‍ വികസിപ്പിക്കാവുന്നതാണ്:
ഇവിടെ പട്ടികയ്ക്കൊപ്പം കൊടുക്കേണ്ടിയിരുന്ന ചരങ്ങളെ  <code>class="wikitable"</code> കൊണ്ട് പ്രതിനിധീകരിച്ചിരിക്കുന്നു. [[മീഡിയവിക്കി:Common.css]]-table.wikitable എന്നതിനായി ഒരുകൂട്ടം സ്റ്റൈൽ നിയമങ്ങൾ ''wikitable'' ക്ലാസ് ആയി ഉള്ളതുകൊണ്ടാണ്. താങ്കൾ പട്ടികയെ ക്ലാസ് ഉപയോഗിച്ച് അടയാളപ്പെടുത്തുമ്പോൾ അതിലെ നിയമങ്ങളെല്ലാം പട്ടികയിൽ പ്രവർത്തിക്കുന്നു. താങ്കൾക്ക് വേണമെങ്കിൽ കൂടുതൽ സ്റ്റൈൽ നിയമങ്ങൾ അതോടൊപ്പം പട്ടികയോടൊപ്പം ചേർക്കാവുന്നതാണ്. അത്തരം നിയമങ്ങൾ ക്ലാസിലെ നിയമങ്ങൾ അതിലംഘിച്ച് പ്രവർത്തിക്കുന്നതായിരിക്കും. അതുകൊണ്ട് ക്ലാസ് സ്റ്റൈലിനെ അടിസ്ഥാനമാക്കി താങ്കൾക്ക് സ്റ്റൈൽ കൂടുതൽ വികസിപ്പിക്കാവുന്നതാണ്:




വരി 934: വരി 935:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| class="wikitable" style="font-style:italic; font-size:120%; border:3px dashed red;"
{| class="wikitable" style="font-style:italic; font-size:120%; border:3px dashed red;"
വരി 958: വരി 959:
</blockquote>
</blockquote>


ഇവിടെ പട്ടികയുടെ പശ്ചാത്തലം wikitable ക്ലാസ്സില്‍ നിര്‍വചിച്ചിരിക്കുന്ന ചാര നിറവും, തലക്കുറികള്‍ കട്ടികൂട്ടി എഴുതിയതും മദ്ധ്യഭാഗത്തായി സ്ഥാപിച്ചിരിക്കുന്നതും ആണെങ്കിലും, എഴുത്തുകള്‍ പട്ടികയില്‍ എഴുതി നല്‍കിയിരിക്കുന്ന സ്റ്റൈല്‍ നിയമങ്ങള്‍ ഉപയോഗിച്ച് അതിലംഘിച്ചിരിക്കുന്നു. എഴുത്തുകള്‍ 120% വലിപ്പക്കൂടുതലുള്‍ലതാണ്, സീമയടയാളങ്ങള്‍ക്കാവട്ടെ ചുവന്ന വരകള്‍ ഉപയോഗിച്ചിരിക്കുന്നു.
ഇവിടെ പട്ടികയുടെ പശ്ചാത്തലം wikitable ക്ലാസ്സിൽ നിർവചിച്ചിരിക്കുന്ന ചാര നിറവും, തലക്കുറികൾ കട്ടികൂട്ടി എഴുതിയതും മദ്ധ്യഭാഗത്തായി സ്ഥാപിച്ചിരിക്കുന്നതും ആണെങ്കിലും, എഴുത്തുകൾ പട്ടികയിൽ എഴുതി നൽകിയിരിക്കുന്ന സ്റ്റൈൽ നിയമങ്ങൾ ഉപയോഗിച്ച് അതിലംഘിച്ചിരിക്കുന്നു. എഴുത്തുകൾ 120% വലിപ്പക്കൂടുതലുൾലതാണ്, സീമയടയാളങ്ങൾക്കാവട്ടെ ചുവന്ന വരകൾ ഉപയോഗിച്ചിരിക്കുന്നു.


ഇന്‍‌ലൈന്‍ സി.എസ്.എസ്. പിന്തുണയുള്ള ബ്രൌസറുകളില്‍ മാത്രമേ ഇതു ലഭിക്കുള്ളു എന്നോര്‍ക്കുക. അത് പ്രധാനമെങ്കില്‍ "font-size:120%" എന്നതിനു പകരം നിന്നേക്കാവുന്ന എക്സ്.എച്ച്.റ്റി.എം.എല്‍ വിന്യാസമായ  <code>&lt;big&gt;</code> എന്നോ "font-style:italic" എന്നതിനു പകരമായ വിക്കിവിന്യാസം <code><nowiki>''ചെരിച്ചെഴുത്ത്''</nowiki></code> എന്നോ ഉപയോഗിക്കുക.
ഇൻ‌ലൈൻ സി.എസ്.എസ്. പിന്തുണയുള്ള ബ്രൌസറുകളിൽ മാത്രമേ ഇതു ലഭിക്കുള്ളു എന്നോർക്കുക. അത് പ്രധാനമെങ്കിൽ "font-size:120%" എന്നതിനു പകരം നിന്നേക്കാവുന്ന എക്സ്.എച്ച്.റ്റി.എം.എൽ വിന്യാസമായ  <code>&lt;big&gt;</code> എന്നോ "font-style:italic" എന്നതിനു പകരമായ വിക്കിവിന്യാസം <code><nowiki>''ചെരിച്ചെഴുത്ത്''</nowiki></code> എന്നോ ഉപയോഗിക്കുക.


==ക്രമപ്പെടുത്തല്‍ (സോര്‍ട്ടിങ്)==
==ക്രമപ്പെടുത്തൽ (സോർട്ടിങ്)==
<code>class="sortable"</code> എന്ന ക്ലാസ് ഉപയോഗിച്ച് പട്ടികകളെ ക്രമപ്പെടുത്താന്‍ സാധിക്കും, കൂടുതല്‍ വിവരങ്ങള്‍ക്ക് [[സഹായം:ക്രമപ്പെടുത്തല്‍]]([[:en:Help:Sorting]]) കാണുക. ഇത് വളരെ ഉപകാരപ്രദമായ ഒരു ധര്‍മ്മം കൈകാര്യം ചെയ്യുന്നതുകൊണ്ട് ഉപയോഗിക്കുമ്പോള്‍ ഗുണങ്ങളും ദോഷങ്ങളും ശ്രദ്ധിക്കുവാന്‍ ശ്രമിക്കുക. ഉദാഹരണത്തിന്:
<code>class="sortable"</code> എന്ന ക്ലാസ് ഉപയോഗിച്ച് പട്ടികകളെ ക്രമപ്പെടുത്താൻ സാധിക്കും, കൂടുതൽ വിവരങ്ങൾക്ക് [[സഹായം:ക്രമപ്പെടുത്തൽ]]([[:en:Help:Sorting]]) കാണുക. ഇത് വളരെ ഉപകാരപ്രദമായ ഒരു ധർമ്മം കൈകാര്യം ചെയ്യുന്നതുകൊണ്ട് ഉപയോഗിക്കുമ്പോൾ ഗുണങ്ങളും ദോഷങ്ങളും ശ്രദ്ധിക്കുവാൻ ശ്രമിക്കുക. ഉദാഹരണത്തിന്:


*പല വരികളില്‍ കിടക്കുന്ന ഉപതലക്കെട്ടുകളുള്ള രീതിയില്‍ പട്ടികയെ വിഭജിക്കരുത്. പകരം ഒരു നിര കൂടി കൂട്ടിച്ചേര്‍ത്ത് ഓരോ വരിയിലേയും തലക്കെട്ടുകള്‍ ചുരുക്കി ഉള്‍പ്പെടുത്താവുന്ന വിധത്തില്‍ നിരയുണ്ടാക്കാവുന്നതാണ്.
*പല വരികളിൽ കിടക്കുന്ന ഉപതലക്കെട്ടുകളുള്ള രീതിയിൽ പട്ടികയെ വിഭജിക്കരുത്. പകരം ഒരു നിര കൂടി കൂട്ടിച്ചേർത്ത് ഓരോ വരിയിലേയും തലക്കെട്ടുകൾ ചുരുക്കി ഉൾപ്പെടുത്താവുന്ന വിധത്തിൽ നിരയുണ്ടാക്കാവുന്നതാണ്.
*ഉള്ളടക്കം പല നിരകളില്‍ കിടക്കുന്ന വിധത്തില്‍ പട്ടിക സൃഷ്ടിക്കരുത്, വീണ്ടും പകരമായി കളങ്ങളില്‍ വിവരങ്ങല്‍ ചുരുക്കി നല്‍കാവുന്നതാണ്
*ഉള്ളടക്കം പല നിരകളിൽ കിടക്കുന്ന വിധത്തിൽ പട്ടിക സൃഷ്ടിക്കരുത്, വീണ്ടും പകരമായി കളങ്ങളിൽ വിവരങ്ങൽ ചുരുക്കി നൽകാവുന്നതാണ്
*സംഖ്യകളുടെ ഒരു നിരയില്‍ അക്ഷരങ്ങള്‍ ഇടകലര്‍ത്തി ഉപയോഗിക്കരുത്. അത് ശരിയായ ഫലം നല്‍കണമെന്നില്ല.
*സംഖ്യകളുടെ ഒരു നിരയിൽ അക്ഷരങ്ങൾ ഇടകലർത്തി ഉപയോഗിക്കരുത്. അത് ശരിയായ ഫലം നൽകണമെന്നില്ല.


പട്ടികയില്‍ ചുരുക്കരൂപങ്ങള്‍ ഉപയോഗിക്കുന്നുണ്ടെങ്കില്‍ അത് പട്ടികയ്ക്ക് പുറത്ത് വിപുലമാക്കി നല്‍കുക.
പട്ടികയിൽ ചുരുക്കരൂപങ്ങൾ ഉപയോഗിക്കുന്നുണ്ടെങ്കിൽ അത് പട്ടികയ്ക്ക് പുറത്ത് വിപുലമാക്കി നൽകുക.


'''വിക്കി വിന്യാസം'''
'''വിക്കി വിന്യാസം'''
വരി 980: വരി 981:
| ക || 2 || 2008-11-24 || ഈ
| ക || 2 || 2008-11-24 || ഈ
|-
|-
| പ || 8 || 2004-03-01 || നിരയില്‍
| പ || 8 || 2004-03-01 || നിരയിൽ
|-
|-
| ട || 6 || 1979-07-23 || ക്രമപ്പെടുത്തല്‍
| ട || 6 || 1979-07-23 || ക്രമപ്പെടുത്തൽ
|-
|-
| ച || 4 || 1492-12-08 || അസാദ്ധ്യം
| ച || 4 || 1492-12-08 || അസാദ്ധ്യം
വരി 990: വരി 991:
</nowiki></pre></blockquote>
</nowiki></pre></blockquote>


'''ബ്രൌസറില്‍ ദൃശ്യമാവുന്ന വിധം'''
'''ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം'''
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| class="wikitable sortable"
{| class="wikitable sortable"
വരി 999: വരി 1,000:
| ക || 2 || 2008-11-24 || ഈ
| ക || 2 || 2008-11-24 || ഈ
|-
|-
| പ || 8 || 2004-03-01 || നിരയില്‍
| പ || 8 || 2004-03-01 || നിരയിൽ
|-
|-
| ട || 6 || 1979-07-23 || ക്രമപ്പെടുത്തല്‍
| ട || 6 || 1979-07-23 || ക്രമപ്പെടുത്തൽ
|-
|-
| ച || 4 || 1492-12-08 || അസാദ്ധ്യം
| ച || 4 || 1492-12-08 || അസാദ്ധ്യം
വരി 1,011: വരി 1,012:


==വരിക്കുള്ള ഫലകം==
==വരിക്കുള്ള ഫലകം==
എച്ച്.റ്റി.എം.എല്ലോ, വിക്കിവിന്യാസമോ ഉപയോഗിച്ചുണ്ടാക്കുന്ന പട്ടികകളില്‍ ചിലകാര്യങ്ങള്‍ പൊതുവായിട്ടുള്ളതായിരിക്കും
എച്ച്.റ്റി.എം.എല്ലോ, വിക്കിവിന്യാസമോ ഉപയോഗിച്ചുണ്ടാക്കുന്ന പട്ടികകളിൽ ചിലകാര്യങ്ങൾ പൊതുവായിട്ടുള്ളതായിരിക്കും
ഉദാ:
ഉദാ:
*പട്ടികയുടെ വരിയുടെ അടിസ്ഥാന കോഡ്
*പട്ടികയുടെ വരിയുടെ അടിസ്ഥാന കോഡ്
*നിറത്തിനോ, സ്ഥാനത്തിനോ, ക്രമപ്പെടുത്തലിനോ ഉള്ള കോഡ്
*നിറത്തിനോ, സ്ഥാനത്തിനോ, ക്രമപ്പെടുത്തലിനോ ഉള്ള കോഡ്
*ഏകകങ്ങള്‍ പോലെ മാറ്റമില്ലാത്ത കാര്യങ്ങള്‍
*ഏകകങ്ങൾ പോലെ മാറ്റമില്ലാത്ത കാര്യങ്ങൾ
*പ്രത്യേകതരത്തിലുള്ള ക്രമപ്പെടുത്തലിനുള്ള മാര്‍ഗ്ഗരേഖകള്‍
*പ്രത്യേകതരത്തിലുള്ള ക്രമപ്പെടുത്തലിനുള്ള മാർഗ്ഗരേഖകൾ
ഇത്തരം സന്ദര്‍ഭങ്ങളില്‍ വിവരങ്ങള്‍ ചരങ്ങളായി നല്‍കുന്ന ഒരു ഫലകം ഉപയോഗിക്കുകയാണെങ്കില്‍ അതേറെ ഉപകാരപ്രദമായിരിക്കും. എന്തുകൊണ്ടെന്നാല്‍:
ഇത്തരം സന്ദർഭങ്ങളിൽ വിവരങ്ങൾ ചരങ്ങളായി നൽകുന്ന ഒരു ഫലകം ഉപയോഗിക്കുകയാണെങ്കിൽ അതേറെ ഉപകാരപ്രദമായിരിക്കും. എന്തുകൊണ്ടെന്നാൽ:
*നിരകളുടെ ക്രമം മാറ്റാനോ നിര തന്നെ നീക്കം ചെയ്യാനോ എളുപ്പമായിരിക്കും.
*നിരകളുടെ ക്രമം മാറ്റാനോ നിര തന്നെ നീക്കം ചെയ്യാനോ എളുപ്പമായിരിക്കും.
*ഒരു നിരയിലെ പല കളങ്ങളും ശൂന്യമെങ്കില്‍ ഒരു പുതിയ നിര കൂട്ടിച്ചേര്‍ക്കാന്‍ എളുപ്പമായിരിക്കും.
*ഒരു നിരയിലെ പല കളങ്ങളും ശൂന്യമെങ്കിൽ ഒരു പുതിയ നിര കൂട്ടിച്ചേർക്കാൻ എളുപ്പമായിരിക്കും.
*മറ്റു സ്ഥലങ്ങളില്‍ നിന്ന് എടുക്കുന്ന വിവരങ്ങളില്‍ ഗണിതക്രിയ ആവശ്യമുണ്ടെങ്കില്‍, ഉദാ: ജനസംഖ്യ, വിസ്തീര്‍ണ്ണം എന്നിവ ഉപയോഗിച്ച് ജനസാന്ദ്രത കണ്ടുപിടിക്കല്‍
*മറ്റു സ്ഥലങ്ങളിൽ നിന്ന് എടുക്കുന്ന വിവരങ്ങളിൽ ഗണിതക്രിയ ആവശ്യമുണ്ടെങ്കിൽ, ഉദാ: ജനസംഖ്യ, വിസ്തീർണ്ണം എന്നിവ ഉപയോഗിച്ച് ജനസാന്ദ്രത കണ്ടുപിടിക്കൽ
*ക്രമപ്പെടുത്തി കാണിക്കാനും അല്ലാതെ കാണിക്കാനുമായി വിവരങ്ങളുടെ പകര്‍പ്പ് ആവശ്യമെങ്കില്‍
*ക്രമപ്പെടുത്തി കാണിക്കാനും അല്ലാതെ കാണിക്കാനുമായി വിവരങ്ങളുടെ പകർപ്പ് ആവശ്യമെങ്കിൽ
*ഒരു നിരയുടെ മുഴുവന്‍ നിറവും ദൃശ്യസ്ഥാനവുമൊക്കെ നിര്‍വചിക്കാന്‍
*ഒരു നിരയുടെ മുഴുവൻ നിറവും ദൃശ്യസ്ഥാനവുമൊക്കെ നിർവചിക്കാൻ


<pre>
<pre>
വരി 1,043: വരി 1,044:
|}
|}


==പട്ടികയില്‍ വ്യവസ്ഥാധിഷ്ഠിതമായ വരി==
==പട്ടികയിൽ വ്യവസ്ഥാധിഷ്ഠിതമായ വരി==
പട്ടികയില്‍ വ്യവസ്ഥാധിഷ്ഠിതമായ വരി വേണമെങ്കില്‍:
പട്ടികയിൽ വ്യവസ്ഥാധിഷ്ഠിതമായ വരി വേണമെങ്കിൽ:
<pre>
<pre>
{| class=wikitable
{| class=wikitable
വരി 1,058: വരി 1,059:
|}
|}
</pre>
</pre>
താഴെ കാണുന്ന രൂപം നല്‍കുന്നു: (രണ്ടാം വരി കാണില്ലന്നതു ശ്രദ്ധിക്കുക)
താഴെ കാണുന്ന രൂപം നൽകുന്നു: (രണ്ടാം വരി കാണില്ലന്നതു ശ്രദ്ധിക്കുക)
{| class=wikitable
{| class=wikitable
   {{ #if:1|{{!}}-                    <!-- വരി one will be shown because the '1' evaulates to TRUE -->
   {{ #if:1|{{!}}-                    <!-- വരി one will be shown because the '1' evaulates to TRUE -->
വരി 1,071: വരി 1,072:
|}
|}


==പട്ടികയ്ക്കായുള്ള മറ്റു കോഡുകള്‍==
==പട്ടികയ്ക്കായുള്ള മറ്റു കോഡുകൾ==
മീഡിയവിക്കി പിന്തുണയ്ക്കുന്ന മറ്റു കോഡുകള്‍ ഇവയാണ്:
മീഡിയവിക്കി പിന്തുണയ്ക്കുന്ന മറ്റു കോഡുകൾ ഇവയാണ്:
#എക്സ്.എച്ച്.റ്റി.എം.എല്‍ (XHTML)
#എക്സ്.എച്ച്.റ്റി.എം.എൽ (XHTML)
#HTML &amp; wiki-<nowiki><td></nowiki> ലേഖനവ്യവസ്ഥ ('''ഉപയോഗിക്കരുത്''')
#HTML & wiki-<nowiki><td></nowiki> ലേഖനവ്യവസ്ഥ ('''ഉപയോഗിക്കരുത്''')


ഇവമൂന്നും ഇപ്പോള്‍ മീഡിയവിക്കി പിന്തുണക്കുന്നുണ്ട്. എങ്കിലും ലംബവരകള്‍ ഉപയോഗിച്ചുള്ള എഴുത്താണ് എളുപ്പം HTML &amp; wiki-<nowiki><td></nowiki> (അതായത്, ക്ലോസ് ചെയ്യാത്ത <nowiki><td></nowiki> , <nowiki><tr></nowiki> റ്റാഗുകള്‍ ഉപയോഗിക്കുന്നത്) ഭാവിയില്‍ ഉപകരണങ്ങളില്‍ അത്ര പ്രചാരത്തില്‍ ഉണ്ടായിരിക്കില്ല എന്നുമോര്‍ക്കുക.
ഇവമൂന്നും ഇപ്പോൾ മീഡിയവിക്കി പിന്തുണക്കുന്നുണ്ട്. എങ്കിലും ലംബവരകൾ ഉപയോഗിച്ചുള്ള എഴുത്താണ് എളുപ്പം HTML & wiki-<nowiki><td></nowiki> (അതായത്, ക്ലോസ് ചെയ്യാത്ത <nowiki><td></nowiki> , <nowiki><tr></nowiki> റ്റാഗുകൾ ഉപയോഗിക്കുന്നത്) ഭാവിയിൽ ഉപകരണങ്ങളിൽ അത്ര പ്രചാരത്തിൽ ഉണ്ടായിരിക്കില്ല എന്നുമോർക്കുക.


ഇവയും കാണുക: [[w:Table (HTML)|Table (HTML)]], [[w:HTML element#Tables|HTML element#Tables]].  <code>thead</code>, <code>tbody</code>, <code>tfoot</code>, <code>colgroup</code>, and <code>col</code> തുടങ്ങിയവ [[:en:Help:HTML in wikitext#Permitted_HTML|മീഡിയവിക്കിയിലില്ലെന്നും ഓര്‍ക്കുക]].
ഇവയും കാണുക: [[w:Table (HTML)|Table (HTML)]], [[w:HTML element#Tables|HTML element#Tables]].  <code>thead</code>, <code>tbody</code>, <code>tfoot</code>, <code>colgroup</code>, and <code>col</code> തുടങ്ങിയവ [[:en:Help:HTML in wikitext#Permitted_HTML|മീഡിയവിക്കിയിലില്ലെന്നും ഓർക്കുക]].


===പട്ടിക ലേഖനവ്യവസ്ഥകള്‍ തമ്മിലുള്ള താരതമ്യം===
===പട്ടിക ലേഖനവ്യവസ്ഥകൾ തമ്മിലുള്ള താരതമ്യം===
<table class="wikitable">
<table class="wikitable">
<tr><th>&nbsp;<th>XHTML <th>HTML &amp; Wiki-td <th>Wiki-pipe
<tr><th>&nbsp;<th>XHTML <th>HTML & Wiki-td <th>Wiki-pipe


<tr>
<tr>
വരി 1,233: വരി 1,234:
<th>ഗുണം
<th>ഗുണം
<td valign="top">
<td valign="top">
*ഏതൊരു എക്സ്.എച്ച്.റ്റി.എം.എല്‍ എഡിറ്റര്‍ ഉപയോഗിച്ചും പരിശോധിക്കുകയും പുതുക്കുകയും ചെയ്യാം
*ഏതൊരു എക്സ്.എച്ച്.റ്റി.എം.എൽ എഡിറ്റർ ഉപയോഗിച്ചും പരിശോധിക്കുകയും പുതുക്കുകയും ചെയ്യാം
*എളുപ്പം മാറ്റി എഴുതാം
*എളുപ്പം മാറ്റി എഴുതാം
*ഏറെ പ്രസിദ്ധം
*ഏറെ പ്രസിദ്ധം
*കോഡിങില്‍ വരികളില്‍ ശ്രദ്ധിക്കുന്നില്ല
*കോഡിങിൽ വരികളിൽ ശ്രദ്ധിക്കുന്നില്ല
*"|" മുതലായവ ഇല്ലാത്തതിനാല്‍ ഫലകങ്ങളുമായും മറ്റും പ്രശ്നമുണ്ടാകില്ല
*"|" മുതലായവ ഇല്ലാത്തതിനാൽ ഫലകങ്ങളുമായും മറ്റും പ്രശ്നമുണ്ടാകില്ല


<td valign="top">
<td valign="top">
*ഏതൊരു എക്സ്.എച്ച്.റ്റി.എം.എല്‍ എഡിറ്റര്‍ ഉപയോഗിച്ചും പരിശോധിക്കുകയും പുതുക്കുകയും ചെയ്യാം
*ഏതൊരു എക്സ്.എച്ച്.റ്റി.എം.എൽ എഡിറ്റർ ഉപയോഗിച്ചും പരിശോധിക്കുകയും പുതുക്കുകയും ചെയ്യാം
*എളുപ്പം മാറ്റി എഴുതാം
*എളുപ്പം മാറ്റി എഴുതാം
*ഏറെ പ്രസിദ്ധം
*ഏറെ പ്രസിദ്ധം
* എക്സ്.എച്ച്.റ്റി.എം.എല്ലിനെ അപേക്ഷിച്ചു കുറച്ചു സ്ഥലം മതി
* എക്സ്.എച്ച്.റ്റി.എം.എല്ലിനെ അപേക്ഷിച്ചു കുറച്ചു സ്ഥലം മതി
*കോഡിങില്‍ വരികളില്‍ ശ്രദ്ധിക്കുന്നില്ല
*കോഡിങിൽ വരികളിൽ ശ്രദ്ധിക്കുന്നില്ല
*"|" മുതലായവ ഇല്ലാത്തതിനാല്‍ ഫലകങ്ങളുമായും മറ്റും പ്രശ്നമുണ്ടാകില്ല
*"|" മുതലായവ ഇല്ലാത്തതിനാൽ ഫലകങ്ങളുമായും മറ്റും പ്രശ്നമുണ്ടാകില്ല




<td valign="top">
<td valign="top">
* എഴുതാന്‍ എളുപ്പം
* എഴുതാൻ എളുപ്പം
* വായിക്കാന്‍ എളുപ്പം
* വായിക്കാൻ എളുപ്പം
* സ്ഥലം കുറച്ചു മതി
* സ്ഥലം കുറച്ചു മതി


<tr>
<tr>
<th>ദോഷങ്ങള്‍
<th>ദോഷങ്ങൾ
<td valign="top">
<td valign="top">
* മനസ്സുമടുപ്പിക്കും
* മനസ്സുമടുപ്പിക്കും
* വളരെ സ്ഥലമെടുക്കും
* വളരെ സ്ഥലമെടുക്കും
* കോഡ് വായിച്ചു മനസ്സിലാക്കാന്‍ ബുദ്ധിമുട്ടാണ്
* കോഡ് വായിച്ചു മനസ്സിലാക്കാൻ ബുദ്ധിമുട്ടാണ്


<td valign="top">
<td valign="top">
* ഭാവിയില്‍ പിന്തുണ ലഭിക്കാനിടയില്ല
* ഭാവിയിൽ പിന്തുണ ലഭിക്കാനിടയില്ല


<td valign="top">
<td valign="top">
* പരിചിതമല്ലാത്ത രീതി
* പരിചിതമല്ലാത്ത രീതി
* ഘടനയിലെ ലാളിത്യമില്ലായ്മ
* ഘടനയിലെ ലാളിത്യമില്ലായ്മ
* കോഡ് വശത്തുനിന്നും ക്രമപ്പെടുത്തി എഴുതാന്‍ കഴിയില്ല
* കോഡ് വശത്തുനിന്നും ക്രമപ്പെടുത്തി എഴുതാൻ കഴിയില്ല
* ആശ്ചര്യചിഹ്നവും, അധികചിഹ്നവും, ലംബവരയും എല്ലാമുള്ള ഇതു വായിക്കുന്നതിലും ചിലര്‍ക്ക് എളുപ്പം എച്ച്.റ്റി.എം.എല്‍ വായിക്കുന്നതാണ്
* ആശ്ചര്യചിഹ്നവും, അധികചിഹ്നവും, ലംബവരയും എല്ലാമുള്ള ഇതു വായിക്കുന്നതിലും ചിലർക്ക് എളുപ്പം എച്ച്.റ്റി.എം.എൽ വായിക്കുന്നതാണ്
* എച്ച്.റ്റി.എം.എല്‍. റ്റാഗുകളിലേക്കുള്ള ഒരു കുറുക്കുവഴിമാത്രമാണിത്, എച്ച്.റ്റി.എം.എല്‍ അറിയില്ലാത്തവര്‍ക്ക് എളുപ്പമായി തോന്നാനിടയില്ല
* എച്ച്.റ്റി.എം.എൽ. റ്റാഗുകളിലേക്കുള്ള ഒരു കുറുക്കുവഴിമാത്രമാണിത്, എച്ച്.റ്റി.എം.എൽ അറിയില്ലാത്തവർക്ക് എളുപ്പമായി തോന്നാനിടയില്ല
* പട്ടികയില്‍ ഉള്‍പ്പെട്ട ഒരു ഫലകത്തില്‍ ചരങ്ങള്‍ ഉണ്ടെങ്കില്‍ "|"-നു വേണ്ടി [[Template:!]] ഉപയോഗിക്കണം.
* പട്ടികയിൽ ഉൾപ്പെട്ട ഒരു ഫലകത്തിൽ ചരങ്ങൾ ഉണ്ടെങ്കിൽ "|"-നു വേണ്ടി [[Template:!]] ഉപയോഗിക്കണം.
* പുതിയവരികളുടെ കാര്യത്തില്‍ നിര്‍ബന്ധമുണ്ട്. അതുകൊണ്ട് ഫലകങ്ങളും ചരങ്ങളും ഒക്കെ ഉണ്ടെങ്കില്‍ ചിലപ്പോള്‍ പ്രത്യേക മാര്‍ഗ്ഗങ്ങള്‍ കൈക്കൊള്ളേണ്ടി വന്നേക്കാം ([[w:Help:Newlines and spaces]])
* പുതിയവരികളുടെ കാര്യത്തിൽ നിർബന്ധമുണ്ട്. അതുകൊണ്ട് ഫലകങ്ങളും ചരങ്ങളും ഒക്കെ ഉണ്ടെങ്കിൽ ചിലപ്പോൾ പ്രത്യേക മാർഗ്ഗങ്ങൾ കൈക്കൊള്ളേണ്ടി വന്നേക്കാം ([[w:Help:Newlines and spaces]])


<tr><th>&nbsp;<th>XHTML <th>HTML &amp; Wiki-td <th>Wiki-pipe
<tr><th>&nbsp;<th>XHTML <th>HTML & Wiki-td <th>Wiki-pipe
</table>
</table>


കാണുക [[w:Template talk:For#Tables]].
കാണുക [[w:Template talk:For#Tables]].


==ലംബവര ലേഖന വ്യവസ്ഥ സൃഷ്ടിക്കപ്പെടുന്ന എച്ച്.റ്റി.എം.എല്ലില്‍==
==ലംബവര ലേഖന വ്യവസ്ഥ സൃഷ്ടിക്കപ്പെടുന്ന എച്ച്.റ്റി.എം.എല്ലിൽ==
[[m:User: Magnus Manske| മാഗ്നസ് മാന്‍സ്കേ]] എന്ന ഉപയോക്താവാണ് ലംബവര ലേഖനവ്യവസ്ഥ, എച്ച്.റ്റി.എം.എല്ലിനു പകരം ലംബവര (<nowiki>|</nowiki>) ഉപയോഗിക്കാനുള്ള മാര്‍ഗ്ഗം വികസിപ്പിച്ചത്. എച്ച്.റ്റി.എം.എല്‍ പട്ടികയെ ലംബവര പട്ടിക ആക്കാനുള്ള ഒരു സ്ക്രിപ്റ്റ് [[http://www.uni-bonn.de/~manfear/html2wiki-tables.php ഇവിടെ ലഭ്യമാണ്]
[[m:User: Magnus Manske| മാഗ്നസ് മാൻസ്കേ]] എന്ന ഉപയോക്താവാണ് ലംബവര ലേഖനവ്യവസ്ഥ, എച്ച്.റ്റി.എം.എല്ലിനു പകരം ലംബവര (<nowiki>|</nowiki>) ഉപയോഗിക്കാനുള്ള മാർഗ്ഗം വികസിപ്പിച്ചത്. എച്ച്.റ്റി.എം.എൽ പട്ടികയെ ലംബവര പട്ടിക ആക്കാനുള്ള ഒരു സ്ക്രിപ്റ്റ് [[http://www.uni-bonn.de/~manfear/html2wiki-tables.php ഇവിടെ ലഭ്യമാണ്]


രണ്ട് കളങ്ങളെ വേര്‍തിരിക്കാനുള്ള ഇരട്ട ലംബവരകള്‍ (<code>||</code>) ഒഴിച്ചുള്ള ലംബവരകള്‍ പുതിയൊരു വരിയിലായിരിക്കണം തുടങ്ങേണ്ടത്. ചരങ്ങള്‍ ആവശ്യമെങ്കില്‍ ചേര്‍ക്കാവുന്നതാണ്.
രണ്ട് കളങ്ങളെ വേർതിരിക്കാനുള്ള ഇരട്ട ലംബവരകൾ (<code>||</code>) ഒഴിച്ചുള്ള ലംബവരകൾ പുതിയൊരു വരിയിലായിരിക്കണം തുടങ്ങേണ്ടത്. ചരങ്ങൾ ആവശ്യമെങ്കിൽ ചേർക്കാവുന്നതാണ്.
===പട്ടികകള്‍===
===പട്ടികകൾ===
ഒരു [[w:Table (HTML)|പട്ടികയുടെ]] നിര്‍വചിച്ചിരിക്കുന്നതിപ്രകാരമാണ്
ഒരു [[w:Table (HTML)|പട്ടികയുടെ]] നിർവചിച്ചിരിക്കുന്നതിപ്രകാരമാണ്
<nowiki>
<nowiki>
  {| ''ചരങ്ങള്‍''
  {| ''ചരങ്ങൾ''
  |}
  |}
</nowiki>
</nowiki>
അതിന്റെഫലം:
അതിന്റെഫലം:
<nowiki>
<nowiki>
  <table ''ചരങ്ങള്‍''&gt; ഉള്ളടക്കം
  <table ''ചരങ്ങൾ''&gt; ഉള്ളടക്കം
  </table&gt;
  </table&gt;
</nowiki>
</nowiki>


===വരികള്‍===
===വരികൾ===
&lt;tr&gt; റ്റാഗുകള്‍ ആദ്യവരിയില്‍ സ്വതവേ നിര്‍മ്മിക്കപ്പെടും. പട്ടികയില്‍ പുതിയൊരു വരിക്കായി  
&lt;tr&gt; റ്റാഗുകൾ ആദ്യവരിയിൽ സ്വതവേ നിർമ്മിക്കപ്പെടും. പട്ടികയിൽ പുതിയൊരു വരിക്കായി  


  |-  
  |-  
വരി 1,304: വരി 1,305:
എന്നായിരിക്കും
എന്നായിരിക്കും


ചരങ്ങള്‍ ചേര്‍ക്കാന്‍:
ചരങ്ങൾ ചേർക്കാൻ:


  |- ''ചരങ്ങള്‍''
  |- ''ചരങ്ങൾ''


എന്നുപയോഗിക്കുക, അതിന്റെ ഫലം
എന്നുപയോഗിക്കുക, അതിന്റെ ഫലം


  &lt;tr ''ചരങ്ങള്‍''&gt;
  &lt;tr ''ചരങ്ങൾ''&gt;


ശ്രദ്ധിക്കുക:  
ശ്രദ്ധിക്കുക:  
* &lt;tr&gt;റ്റാഗുകള്‍ <td&gt; തുല്യമായി സ്വയം തുറക്കുന്നതായിരിക്കും
* &lt;tr&gt;റ്റാഗുകൾ <td&gt; തുല്യമായി സ്വയം തുറക്കുന്നതായിരിക്കും
* &lt;tr&gt;റ്റാഗുകള്‍ <td&gt; തുല്യമായി സ്വയം അടയ്ക്കുന്നതായിരിക്കും
* &lt;tr&gt;റ്റാഗുകൾ <td&gt; തുല്യമായി സ്വയം അടയ്ക്കുന്നതായിരിക്കും


===കളങ്ങള്‍===
===കളങ്ങൾ===
കളങ്ങള്‍ സൃഷ്ടിക്കാന്‍:
കളങ്ങൾ സൃഷ്ടിക്കാൻ:
  |കളം1
  |കളം1
  |കളം2
  |കളം2
  |കളം3
  |കളം3
എന്നുപയോഗിക്കുക, അല്ലങ്കില്‍
എന്നുപയോഗിക്കുക, അല്ലങ്കിൽ


  |കളം1||കളം2||കളം3
  |കളം1||കളം2||കളം3
വരി 1,328: വരി 1,329:


  &lt;td&gt;കളം1&lt;/td&gt;&lt;td&gt;കളം2&lt;/td&gt;&lt;td&gt;കളം3&lt;/td&gt;
  &lt;td&gt;കളം1&lt;/td&gt;&lt;td&gt;കളം2&lt;/td&gt;&lt;td&gt;കളം3&lt;/td&gt;
അതുകൊണ്ട് "||" , "പുതിയവരിയില്‍" + "|" എന്നിവ തുല്യമാണ്
അതുകൊണ്ട് "||" , "പുതിയവരിയിൽ" + "|" എന്നിവ തുല്യമാണ്


കളങ്ങളില്‍ ചരങ്ങള്‍ക്കായി:
കളങ്ങളിൽ ചരങ്ങൾക്കായി:
  |''ചരങ്ങള്‍''|കളം1||''ചരങ്ങള്‍''|കളം2||''ചരങ്ങള്‍''|കളം3
  |''ചരങ്ങൾ''|കളം1||''ചരങ്ങൾ''|കളം2||''ചരങ്ങൾ''|കളം3
അതിന്റെ ഫലം
അതിന്റെ ഫലം
  &lt;td ''ചരങ്ങള്‍''&gt;കളം1&lt;/td&gt;
  &lt;td ''ചരങ്ങൾ''&gt;കളം1&lt;/td&gt;
  &lt;td ''ചരങ്ങള്‍''&gt;കളം2&lt;/td&gt;
  &lt;td ''ചരങ്ങൾ''&gt;കളം2&lt;/td&gt;
  &lt;td ''ചരങ്ങള്‍''&gt;കളം3&lt;/td&gt;
  &lt;td ''ചരങ്ങൾ''&gt;കളം3&lt;/td&gt;


===തലക്കെട്ടുകള്‍===
===തലക്കെട്ടുകൾ===
TD ഉണ്ടായ അതേ പ്രവര്‍ത്തനം തന്നെയാണ് തലക്കെട്ടുകള്‍ക്കും, തുറക്കാനായി "|" എന്നതിനു പകരം "!" എന്നുപയോഗിക്കുക. "||" എന്നരീതിയില്‍ വേണമെങ്കില്‍ "!!" എന്നുപയോഗിക്കുക. ചരങ്ങള്‍ ഇവിടേയും ഒറ്റലംബവരയ്ക്കു  "|" ശേഷം നല്‍കുക
TD ഉണ്ടായ അതേ പ്രവർത്തനം തന്നെയാണ് തലക്കെട്ടുകൾക്കും, തുറക്കാനായി "|" എന്നതിനു പകരം "!" എന്നുപയോഗിക്കുക. "||" എന്നരീതിയിൽ വേണമെങ്കിൽ "!!" എന്നുപയോഗിക്കുക. ചരങ്ങൾ ഇവിടേയും ഒറ്റലംബവരയ്ക്കു  "|" ശേഷം നൽകുക
  <nowiki>!</nowiki>''ചരങ്ങള്‍''|കളം1
  <nowiki>!</nowiki>''ചരങ്ങൾ''|കളം1


===[[w:Help:Table Caption|പട്ടികയുടെ തലക്കെട്ട്]]===
===[[w:Help:Table Caption|പട്ടികയുടെ തലക്കെട്ട്]]===


&lt;പട്ടികതലക്കെട്ട്&gt; റ്റാഗ് സൃഷ്ടിക്കാന്‍ ഇപ്രകാരം നല്‍കാം
&lt;പട്ടികതലക്കെട്ട്&gt; റ്റാഗ് സൃഷ്ടിക്കാൻ ഇപ്രകാരം നൽകാം
  |+ പട്ടികതലക്കെട്ട്  
  |+ പട്ടികതലക്കെട്ട്  


സൃഷ്ടിക്കുന്ന ഫലം
സൃഷ്ടിക്കുന്ന ഫലം
  &lt;caption&gt;പട്ടികതലക്കെട്ട്&lt;/caption&gt;
  &lt;caption&gt;പട്ടികതലക്കെട്ട്&lt;/caption&gt;
ചരങ്ങള്‍ ഉണ്ടെങ്കില്‍:
ചരങ്ങൾ ഉണ്ടെങ്കിൽ:
  |+ ''ചരങ്ങള്‍''|പട്ടികതലക്കെട്ട്
  |+ ''ചരങ്ങൾ''|പട്ടികതലക്കെട്ട്
സൃഷ്ടിക്കുന്ന ഫലം
സൃഷ്ടിക്കുന്ന ഫലം
  &lt;caption ''ചരങ്ങള്‍''&gt;പട്ടികതലക്കെട്ട്&lt;/caption&gt;
  &lt;caption ''ചരങ്ങൾ''&gt;പട്ടികതലക്കെട്ട്&lt;/caption&gt;


== ഒരു പട്ടികയുടെ കോഡിന്റെ നിര്‍മ്മാണം ==
== ഒരു പട്ടികയുടെ കോഡിന്റെ നിർമ്മാണം ==


ഒരു പട്ടികയുടെ ലളിതമായ വിക്കി വിന്യാസം ''ഒരു പെട്ടി''യുടെ ഉള്ളില്‍ കാണാന്‍.  
ഒരു പട്ടികയുടെ ലളിതമായ വിക്കി വിന്യാസം ''ഒരു പെട്ടി''യുടെ ഉള്ളിൽ കാണാൻ.  


<pre>
<pre>
വരി 1,361: വരി 1,362:
| style="text-align: center;" | [[Image:gnome-system.png]]
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
|-
! കമ്പ്യൂട്ടര്‍
! കമ്പ്യൂട്ടർ
|-
|-
| പ്രോസസര്‍ വേഗത: 1.8 GHz
| പ്രോസസർ വേഗത: 1.8 GHz
|}
|}
</pre>
</pre>


മുകളിലെ കോഡിങില്‍ താഴെ കാണുന്ന പട്ടികയുടെ വിന്യാസമാണുള്ളത്:
മുകളിലെ കോഡിങിൽ താഴെ കാണുന്ന പട്ടികയുടെ വിന്യാസമാണുള്ളത്:


{| border="5" cellspacing="10" cellpadding="2" style="background-color: transparent;"
{| border="5" cellspacing="10" cellpadding="2" style="background-color: transparent;"
| style="text-align: center;" | [[Image:gnome-system.png]]
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
|-
! കമ്പ്യൂട്ടര്‍
! കമ്പ്യൂട്ടർ
|-
|-
| പ്രോസസര്‍ വേഗത: 1.8 GHz
| പ്രോസസർ വേഗത: 1.8 GHz
|}
|}


താഴെ കാണുന്ന വിക്കിവിന്യാസം നീലനിറത്തില്‍ സീമയുള്ള ചതുരപ്പെട്ടിയ്ക്കുള്ളില്‍ കോഡ് കാട്ടിത്തരും
താഴെ കാണുന്ന വിക്കിവിന്യാസം നീലനിറത്തിൽ സീമയുള്ള ചതുരപ്പെട്ടിയ്ക്കുള്ളിൽ കോഡ് കാട്ടിത്തരും


{| border="0" cellpadding="2" cellspacing="0" style="background-color: transparent;"
{| border="0" cellpadding="2" cellspacing="0" style="background-color: transparent;"
വരി 1,386: വരി 1,387:
| style="text-align: center;" | [[Image:gnome-system.png]]
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
|-
! കമ്പ്യൂട്ടര്‍
! കമ്പ്യൂട്ടർ
|-
|-
| പ്രോസസര്‍ വേഗത: 1.8 GHz
| പ്രോസസർ വേഗത: 1.8 GHz
|}
|}
&#60;/pre>
&#60;/pre>
വരി 1,395: വരി 1,396:
|}
|}


നീലനിറത്തിലുള്ള സീമയുള്ള ചതുരപ്പെട്ടി നിര്‍മ്മിക്കാന്‍ '''<tt>&#60;pre></tt>''' എന്ന എച്ച്.റ്റി.എം.എല്‍. റ്റാഗ് ഉപയോഗിച്ചിരിക്കുന്നതു ശ്രദ്ധിക്കുക.
നീലനിറത്തിലുള്ള സീമയുള്ള ചതുരപ്പെട്ടി നിർമ്മിക്കാൻ '''<tt><pre></tt>''' എന്ന എച്ച്.റ്റി.എം.എൽ. റ്റാഗ് ഉപയോഗിച്ചിരിക്കുന്നതു ശ്രദ്ധിക്കുക.


=== പട്ടികയുടെ വിക്കിവിന്യാസം പ്രദര്‍ശിപ്പിക്കാനുള്ള മറ്റുവഴികള്‍ ===
=== പട്ടികയുടെ വിക്കിവിന്യാസം പ്രദർശിപ്പിക്കാനുള്ള മറ്റുവഴികൾ ===


പലപ്പോഴും വെബ് ബ്രൌസറിനുള്ളില്‍ പ്രദര്‍ശിപ്പിക്കുന്ന പട്ടികയുടെ വിക്കിവിന്യാസത്തിന്റെ വരികളുടെ നീളം വലിയതാവുകയും താഴെയായി സ്ക്രോളിങ് ബാര്‍ പ്രത്യക്ഷപ്പെടുകയും, വരി മുഴുവന്‍ വായിക്കണമെങ്കില്‍ (ഇടത്തു വശത്തുള്ള സ്ക്രോള്‍ ബാറിനൊപ്പം) താഴെയുള്ള സ്കോള്‍ ബാര്‍ വലിക്കേണ്ടി വരികയും ചെയ്യും. കാരണം <tt>&#60;pre></tt> റ്റാഗിന്റെ ഉപയോഗം വരികളെ യാതൊരു മാറ്റവുമില്ലാതെ കാണിക്കുന്നു. വരികള്‍ അടുത്ത വരിയിലേക്ക് മുറിച്ചു മുറിച്ചു ചേര്‍ത്തോ '''<tt>&#60;p></tt>''', '''<tt>&#60;tt></tt>''', '''<tt>&#60;br&nbsp;&#47;></tt>''' എന്ന റ്റാഗുകള്‍ '''<tt>&#60;pre></tt>''' റ്റാഗിനു പകരം ചേര്‍ത്തോ പ്രശ്നം പരിഹരിക്കാവുന്നതാണ്. <tt>&#60;tt>...&#60;/tt> തുടങ്ങിയ റ്റാഗുകള്‍ക്കുള്ളില്‍ വിക്കിവിന്യാസം ചേര്‍ക്കുന്നത് [[w:Non-proportional font|ഫിക്സഡ് വിഡ്ത്തില്‍]]  കാണാനും അതുകൊണ്ട് എളുപ്പം വായിക്കാനും സഹായിക്കും. <tt>&#60;br&nbsp;&#47;></tt> റ്റാഗ് ഉപയോഗിക്കുന്നത് പുതിയ വരിയിലേക്ക് എഴുത്തു വാ‍ാനും കാരണമാകും. <tt>&#60;p></tt> റ്റാഗ് സി.എസ്.എസ്. സ്റ്റൈലുകളോടൊപ്പം ചേര്‍ക്കുന്നത് നീല സീമയുള്ള പെട്ടി ലഭിക്കാന്‍ സഹായിക്കും
പലപ്പോഴും വെബ് ബ്രൌസറിനുള്ളിൽ പ്രദർശിപ്പിക്കുന്ന പട്ടികയുടെ വിക്കിവിന്യാസത്തിന്റെ വരികളുടെ നീളം വലിയതാവുകയും താഴെയായി സ്ക്രോളിങ് ബാർ പ്രത്യക്ഷപ്പെടുകയും, വരി മുഴുവൻ വായിക്കണമെങ്കിൽ (ഇടത്തു വശത്തുള്ള സ്ക്രോൾ ബാറിനൊപ്പം) താഴെയുള്ള സ്കോൾ ബാർ വലിക്കേണ്ടി വരികയും ചെയ്യും. കാരണം <tt><pre></tt> റ്റാഗിന്റെ ഉപയോഗം വരികളെ യാതൊരു മാറ്റവുമില്ലാതെ കാണിക്കുന്നു. വരികൾ അടുത്ത വരിയിലേക്ക് മുറിച്ചു മുറിച്ചു ചേർത്തോ '''<tt><p></tt>''', '''<tt><tt></tt>''', '''<tt><br&nbsp;/></tt>''' എന്ന റ്റാഗുകൾ '''<tt><pre></tt>''' റ്റാഗിനു പകരം ചേർത്തോ പ്രശ്നം പരിഹരിക്കാവുന്നതാണ്. <tt><tt>...</tt> തുടങ്ങിയ റ്റാഗുകൾക്കുള്ളിൽ വിക്കിവിന്യാസം ചേർക്കുന്നത് [[w:Non-proportional font|ഫിക്സഡ് വിഡ്ത്തിൽ]]  കാണാനും അതുകൊണ്ട് എളുപ്പം വായിക്കാനും സഹായിക്കും. <tt><br&nbsp;/></tt> റ്റാഗ് ഉപയോഗിക്കുന്നത് പുതിയ വരിയിലേക്ക് എഴുത്തു വരാനും കാരണമാകും. <tt><p></tt> റ്റാഗ് സി.എസ്.എസ്. സ്റ്റൈലുകളോടൊപ്പം ചേർക്കുന്നത് നീല സീമയുള്ള പെട്ടി ലഭിക്കാൻ സഹായിക്കും




വരി 1,408: വരി 1,409:
&#124; style="text-align: center;" &#124; &#91;&#91;Image:gnome-system.png]] <br />
&#124; style="text-align: center;" &#124; &#91;&#91;Image:gnome-system.png]] <br />
&#124;- <br />
&#124;- <br />
&#33; കമ്പ്യൂട്ടര്‍ <br />
&#33; കമ്പ്യൂട്ടർ <br />
&#124;- <br />
&#124;- <br />
&#124; style="color: yellow; background-color: green;" &#124; പ്രോസസര്‍ വേഗത: &#60;span style="color: white;"> 1.8 GHz &#60;/span>''' <br />
&#124; style="color: yellow; background-color: green;" &#124; പ്രോസസർ വേഗത: &#60;span style="color: white;"> 1.8 GHz &#60;/span>''' <br />
&#124;&#125;  
&#124;&#125;  
</tt> </p>
</tt> </p>
വരി 1,419: വരി 1,420:
| style="text-align: center;" | [[Image:gnome-system.png]]
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
|-
! കമ്പ്യൂട്ടര്‍
! കമ്പ്യൂട്ടർ
|-
|-
| style="color: yellow; background-color: green;" | പ്രോസസര്‍ വേഗത: <span style="color: white;"> 1.8 GHz </span>
| style="color: yellow; background-color: green;" | പ്രോസസർ വേഗത: <span style="color: white;"> 1.8 GHz </span>
|}
|}


വിന്യാസങ്ങള്‍ കാണിക്കുന്ന മുകളിലെ പെട്ടിയില്‍ വരികള്‍ മുറിച്ചുകാണിക്കാനുള്ള ശൈലി ചേര്‍ത്തിരിക്കുന്നു. വിന്യാസത്തിലെ വലിയ വരി (മുകളില്‍ നിന്നും ആറാമത്തേത്) “വിന്യാസപ്പെട്ടിയില്‍” മുറിച്ചു കാണിച്ചിരിക്കുന്നതു കാണുക. ഈ വിന്യാസപ്പെട്ടിയും വിന്യാസവും തിരുത്തലിടത്തില്‍ താഴെ കൊടുത്തിരിക്കുന്നതു പ്രകാരമായിരിക്കും.
വിന്യാസങ്ങൾ കാണിക്കുന്ന മുകളിലെ പെട്ടിയിൽ വരികൾ മുറിച്ചുകാണിക്കാനുള്ള ശൈലി ചേർത്തിരിക്കുന്നു. വിന്യാസത്തിലെ വലിയ വരി (മുകളിൽ നിന്നും ആറാമത്തേത്) “വിന്യാസപ്പെട്ടിയിൽ” മുറിച്ചു കാണിച്ചിരിക്കുന്നതു കാണുക. ഈ വിന്യാസപ്പെട്ടിയും വിന്യാസവും തിരുത്തലിടത്തിൽ താഴെ കൊടുത്തിരിക്കുന്നതു പ്രകാരമായിരിക്കും.


<p style="padding: 1em; border: 1px dashed #2f6fab; color: Black; background-color: #f9f9f9; line-height: 1.1em;"> <tt>
<p style="padding: 1em; border: 1px dashed #2f6fab; color: Black; background-color: #f9f9f9; line-height: 1.1em;"> <tt>
വരി 1,431: വരി 1,432:
| style="text-align: center;" | '''&#60;nowiki>'''<nowiki>[[</nowiki>'''&#60;/nowiki>'''Image:gnome-system.png]] &#60;br&nbsp;&#47;> <br />
| style="text-align: center;" | '''&#60;nowiki>'''<nowiki>[[</nowiki>'''&#60;/nowiki>'''Image:gnome-system.png]] &#60;br&nbsp;&#47;> <br />
|- &#60;br&nbsp;&#47;> <br />
|- &#60;br&nbsp;&#47;> <br />
! കമ്പ്യൂട്ടര്‍ &#60;br&nbsp;&#47;> <br />
! കമ്പ്യൂട്ടർ &#60;br&nbsp;&#47;> <br />
|- &#60;br&nbsp;&#47;> <br />
|- &#60;br&nbsp;&#47;> <br />
'''| style="color: yellow; background-color: green;" | പ്രോസസര്‍ വേഗത: &#60;nowiki><nowiki><span style="color: white;"></nowiki>&#60;/nowiki> 1.8 GHz &#60;nowiki><nowiki></span></nowiki>&#60;/nowiki>  &#60;br&nbsp;&#47;>''' <br />
'''| style="color: yellow; background-color: green;" | പ്രോസസർ വേഗത: &#60;nowiki><nowiki><span style="color: white;"></nowiki>&#60;/nowiki> 1.8 GHz &#60;nowiki><nowiki></span></nowiki>&#60;/nowiki>  &#60;br&nbsp;&#47;>''' <br />
&#60;nowiki><nowiki>|}</nowiki>&#60;/nowiki> &#60;br&nbsp;&#47;> <br />
&#60;nowiki><nowiki>|}</nowiki>&#60;/nowiki> &#60;br&nbsp;&#47;> <br />
&#60;/tt> &#60;/p>
&#60;/tt> &#60;/p>
</tt></p>
</tt></p>


മുകളില്‍ കാണുന്ന വിന്യാസം ശ്രദ്ധിക്കുക, <tt>&#60;nowiki></tt>...<tt>&#60;/nowiki></tt> റ്റാഗുകള്‍ ഉപയോഗിച്ച്  പട്ടിക തുറക്കാനും ('''&#123;&#124;'''), അടയ്ക്കാനുമുള്ള വിന്യാസങ്ങള്‍ ('''&#124;&#125;''') ചിത്രത്തിന്റെ പ്രദര്‍ശനം ('''&#91;&#91;'''), കണ്ണി, മുതലായവ പ്രവര്‍ത്തനരഹിതമാക്കിയിരിക്കുന്നു, . എല്ലാ വിക്കി, എച്ച്.റ്റി.എം.എല്‍ വിന്യാസങ്ങളും  <tt>&#60;nowiki></tt>...<tt>&#60;/nowiki></tt> റ്റാഗുകള്‍ക്കുള്ളില്‍ ചേര്‍ത്ത് പ്രവര്‍ത്തനരഹിതമാക്കേണ്ടതാണ്.  ഈ വിന്യാസങ്ങള്‍ മറ്റൊരു പട്ടികയ്ക്കുള്ളിലാണങ്കില്‍ '''&#124;''' (ലംബ വര), '''!''' (ആശ്ചര്യചിഹ്നം) തുടങ്ങിയവയും <tt>&#60;nowiki></tt>റ്റാഗിനുള്ളിലായിരിക്കണം . വിന്യാസപ്പെട്ടിയ്ക്കുള്ളിലെ കോഡ് ബ്രൌസര്‍ കാണുന്ന വീതിക്കുള്ളിലേക്ക് സ്വയം മുറിച്ചു കാണിച്ചുകൊള്ളും.
മുകളിൽ കാണുന്ന വിന്യാസം ശ്രദ്ധിക്കുക, <tt><nowiki></tt>...<tt></nowiki></tt> റ്റാഗുകൾ ഉപയോഗിച്ച്  പട്ടിക തുറക്കാനും ('''&#123;&#124;'''), അടയ്ക്കാനുമുള്ള വിന്യാസങ്ങൾ ('''&#124;&#125;''') ചിത്രത്തിന്റെ പ്രദർശനം ('''&#91;&#91;'''), കണ്ണി, മുതലായവ പ്രവർത്തനരഹിതമാക്കിയിരിക്കുന്നു, . എല്ലാ വിക്കി, എച്ച്.റ്റി.എം.എൽ വിന്യാസങ്ങളും  <tt><nowiki></tt>...<tt></nowiki></tt> റ്റാഗുകൾക്കുള്ളിൽ ചേർത്ത് പ്രവർത്തനരഹിതമാക്കേണ്ടതാണ്.  ഈ വിന്യാസങ്ങൾ മറ്റൊരു പട്ടികയ്ക്കുള്ളിലാണങ്കിൽ '''&#124;''' (ലംബ വര), '''!''' (ആശ്ചര്യചിഹ്നം) തുടങ്ങിയവയും <tt><nowiki></tt>റ്റാഗിനുള്ളിലായിരിക്കണം . വിന്യാസപ്പെട്ടിയ്ക്കുള്ളിലെ കോഡ് ബ്രൌസർ കാണുന്ന വീതിക്കുള്ളിലേക്ക് സ്വയം മുറിച്ചു കാണിച്ചുകൊള്ളും.


ഏതൊരു '''&#124;''' ([[w:Vertical bar|ലംബ വര]]) അക്ഷരരൂപത്തിനും  <tt>'''&amp;#124;'''</tt> (HTML decimal entity code)  ഉപയോഗിക്കാം, എല്ലാ '''&#33;''' ([[w:Exclamation mark|ആശ്ചര്യചിഹ്നത്തിനു]]) പകരം <tt>'''&amp;#33;'''</tt> ഉപയോഗിക്കാം,  '''&#123;''' (വളയന്‍ ബ്രാക്കറ്റ്)നായി <tt>'''&amp;#123;'''</tt> ഉപയോഗിക്കാവുന്നതാണ്.  അതേപോലെ '''&#125;''' നു പകരമായി <tt>'''&amp;#125;'''</tt> ഉള്‍പ്പെടുത്താം. '''<'''  എന്നതിനു പകരം <tt>'''&amp;#60;'''</tt> h <tt>'''&amp;lt;'''</tt> ഉപയോഗിക്കാം. ഇത്തരത്തില്‍ ഡെസിമലോ  [[w:Hexadecimal|ഹെക്സാഡെസിമലോ]] ആയ കോഡുകള്‍ക്കായി, [[w:Windows Alt codes|ഈ താള്‍ കാണുക]]. ഒരു വിക്കിചിത്രത്തിന്റെയും വിക്കിവിന്യാസം കാട്ടാനായി ചതുരബ്രാക്കറ്റ്  '''[''' കാണിക്കാന്‍ <tt>'''&amp;#91;'''</tt> ഉപയോഗിക്കാം. '''&#93;''' കാണാനായി <tt>'''&amp;#93;'''</tt> ഉപയോഗിക്കാവുന്നതാണ്. ഇത്തരത്തിലുള്ള കോഡുകള്‍ ഉപയോഗിക്കുമ്പോള്‍ നാം അവയുടെ ശരിക്കുമുള്ള പ്രവര്‍ത്തനം സാദ്ധ്യമല്ലാതെയാക്കുന്നു, അതുകൊണ്ട് അവ താളുകളില്‍ ദൃശ്യമാവുകയും ചെയ്യുന്നു.
ഏതൊരു '''&#124;''' ([[w:Vertical bar|ലംബ വര]]) അക്ഷരരൂപത്തിനും  <tt>'''&amp;#124;'''</tt> (HTML decimal entity code)  ഉപയോഗിക്കാം, എല്ലാ '''!''' ([[w:Exclamation mark|ആശ്ചര്യചിഹ്നത്തിനു]]) പകരം <tt>'''&amp;#33;'''</tt> ഉപയോഗിക്കാം,  '''&#123;''' (വളയൻ ബ്രാക്കറ്റ്)നായി <tt>'''&amp;#123;'''</tt> ഉപയോഗിക്കാവുന്നതാണ്.  അതേപോലെ '''&#125;''' നു പകരമായി <tt>'''&amp;#125;'''</tt> ഉൾപ്പെടുത്താം. '''<'''  എന്നതിനു പകരം <tt>'''&amp;#60;'''</tt> h <tt>'''&amp;lt;'''</tt> ഉപയോഗിക്കാം. ഇത്തരത്തിൽ ഡെസിമലോ  [[w:Hexadecimal|ഹെക്സാഡെസിമലോ]] ആയ കോഡുകൾക്കായി, [[w:Windows Alt codes|ഈ താൾ കാണുക]]. ഒരു വിക്കിചിത്രത്തിന്റെയും വിക്കിവിന്യാസം കാട്ടാനായി ചതുരബ്രാക്കറ്റ്  '''[''' കാണിക്കാൻ <tt>'''&amp;#91;'''</tt> ഉപയോഗിക്കാം. '''&#93;''' കാണാനായി <tt>'''&amp;#93;'''</tt> ഉപയോഗിക്കാവുന്നതാണ്. ഇത്തരത്തിലുള്ള കോഡുകൾ ഉപയോഗിക്കുമ്പോൾ നാം അവയുടെ ശരിക്കുമുള്ള പ്രവർത്തനം സാദ്ധ്യമല്ലാതെയാക്കുന്നു, അതുകൊണ്ട് അവ താളുകളിൽ ദൃശ്യമാവുകയും ചെയ്യുന്നു.




{| border="0" width="100%"  
{| border="0" width="100%"  
| സംഖ്യാവിന്യാസമുപയോഗിച്ച് എഴുതുമ്പോള്‍ “വിന്യാസപ്പെട്ടി” മറ്റൊരു വിധത്തില്‍ ദൃശ്യമാകുന്നു, വലിയ വരികള്‍ വെബ് ബ്രൌസറിന്റെ വീതിക്കനുസരിച്ച് സ്വയം മുറിച്ച് കാണിക്കുന്നതു ശ്രദ്ധിക്കുക
| സംഖ്യാവിന്യാസമുപയോഗിച്ച് എഴുതുമ്പോൾ “വിന്യാസപ്പെട്ടി” മറ്റൊരു വിധത്തിൽ ദൃശ്യമാകുന്നു, വലിയ വരികൾ വെബ് ബ്രൌസറിന്റെ വീതിക്കനുസരിച്ച് സ്വയം മുറിച്ച് കാണിക്കുന്നതു ശ്രദ്ധിക്കുക
| &nbsp;&nbsp;
| &nbsp;&nbsp;
| width="33%" |
| width="33%" |
വരി 1,451: വരി 1,452:
| style="text-align: center;" | [[Image:gnome-system.png]]
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
|-
! കമ്പ്യൂട്ടര്‍
! കമ്പ്യൂട്ടർ
|-
|-
| style="color: yellow; background-color: green;" | പ്രോസസര്‍ വേഗത: <span style="color: white;"> 1.8 GHz </span>
| style="color: yellow; background-color: green;" | പ്രോസസർ വേഗത: <span style="color: white;"> 1.8 GHz </span>
|}
|}
</center>
</center>
വരി 1,463: വരി 1,464:
&amp;#124; style="text-align: center;" &amp;#124; &amp;#91;&amp;#91;Image:gnome-system.png]] &#60;br&nbsp;&#47;> <br />
&amp;#124; style="text-align: center;" &amp;#124; &amp;#91;&amp;#91;Image:gnome-system.png]] &#60;br&nbsp;&#47;> <br />
&amp;#124;- &#60;br&nbsp;&#47;> <br />
&amp;#124;- &#60;br&nbsp;&#47;> <br />
&amp;#33; കമ്പ്യൂട്ടര്‍ &#60;br&nbsp;&#47;> <br />
&amp;#33; കമ്പ്യൂട്ടർ &#60;br&nbsp;&#47;> <br />
&amp;#124;- &#60;br&nbsp;&#47;> <br />
&amp;#124;- &#60;br&nbsp;&#47;> <br />
'''&amp;#124; style="color: yellow; background-color: green;" &amp;#124; പ്രോസസര്‍ വേഗത: &amp;#60;span style="color: red;"> 1.8 GHz &amp;#60;/span> &#60;br&nbsp;&#47;>''' <br />
'''&amp;#124; style="color: yellow; background-color: green;" &amp;#124; പ്രോസസർ വേഗത: &amp;#60;span style="color: red;"> 1.8 GHz &amp;#60;/span> &#60;br&nbsp;&#47;>''' <br />
&amp;#124;&amp;#125; &#60;br&nbsp;&#47;> <br />
&amp;#124;&amp;#125; &#60;br&nbsp;&#47;> <br />
&#60;/tt> &#60;/p>
&#60;/tt> &#60;/p>
</tt> </p>
</tt> </p>


ഇതും കാണുക [[:W:Help:Advanced_editing#Disabling_wikitext_interpretation_and.2For_reformatting|വിക്കിവിന്യാസം പ്രവര്‍ത്തിക്കാതെ കാണാന്‍]].
ഇതും കാണുക [[:W:Help:Advanced_editing#Disabling_wikitext_interpretation_and.2For_reformatting|വിക്കിവിന്യാസം പ്രവർത്തിക്കാതെ കാണാൻ]].


==ചതുര മോണിറ്ററുകള്‍==
==ചതുര മോണിറ്ററുകൾ==
വീതിയേറിയ കമ്പ്യൂട്ടര്‍ മോണിറ്ററുകളില്‍ കാണാനായി സൃഷ്ടിച്ച ഗാലറികളോ ചിത്രങ്ങളോ ചതുരത്തിലുള്ള മോണിറ്ററുകളിലെ ദൃശ്യത്തെ വികലമാക്കും, ഓരോ വരിയും താളിന്റെ കാണാവുന്ന ഭാഗത്തിന്റെ പുറത്തേക്ക് വ്യാപിച്ചു കിടക്കാനിടയുണ്ട്. താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് അത്തരമൊരു സാധ്യതയെ ഒഴിവാക്കുന്നു
വീതിയേറിയ കമ്പ്യൂട്ടർ മോണിറ്ററുകളിൽ കാണാനായി സൃഷ്ടിച്ച ഗാലറികളോ ചിത്രങ്ങളോ ചതുരത്തിലുള്ള മോണിറ്ററുകളിലെ ദൃശ്യത്തെ വികലമാക്കും, ഓരോ വരിയും താളിന്റെ കാണാവുന്ന ഭാഗത്തിന്റെ പുറത്തേക്ക് വ്യാപിച്ചു കിടക്കാനിടയുണ്ട്. താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് അത്തരമൊരു സാധ്യതയെ ഒഴിവാക്കുന്നു


ഇപ്രകാരം ഉപയോഗിക്കുക:
ഇപ്രകാരം ഉപയോഗിക്കുക:
വരി 1,487: വരി 1,488:
<nowiki>|</nowiki>
<nowiki>|</nowiki>
<br />
<br />
<nowiki>[[Image:Some_window_blinds.JPG|192px x 155px|thumb|left|വിവിധ വിന്‍ഡോ ഷേഡുകള്‍]]</nowiki>
<nowiki>[[Image:Some_window_blinds.JPG|192px x 155px|thumb|left|വിവിധ വിൻഡോ ഷേഡുകൾ]]</nowiki>
<br />
<br />
<nowiki>||</nowiki>
<nowiki>||</nowiki>
<br />
<br />
<nowiki>[[Image:Vert-blinds-2145-rs.jpg|192px x 170px|thumb|left|വിലങ്ങനെയുള്ള മറവുകള്‍]] </nowiki>
<nowiki>[[Image:Vert-blinds-2145-rs.jpg|192px x 170px|thumb|left|വിലങ്ങനെയുള്ള മറവുകൾ]] </nowiki>
<br />
<br />
<nowiki>||</nowiki>
<nowiki>||</nowiki>
വരി 1,515: വരി 1,516:
<nowiki>||</nowiki>
<nowiki>||</nowiki>
<br />
<br />
<nowiki>[[Image:Jalousie-1.jpg|328px x 55px|thumb|left|കുറുകെയുള്ള മറവുകള്‍]]</nowiki>
<nowiki>[[Image:Jalousie-1.jpg|328px x 55px|thumb|left|കുറുകെയുള്ള മറവുകൾ]]</nowiki>
<br />
<br />
<nowiki>|}</nowiki>
<nowiki>|}</nowiki>
വരി 1,531: വരി 1,532:
<nowiki>|</nowiki>
<nowiki>|</nowiki>
<br />
<br />
<nowiki>[[Image:Some_window_blinds.JPG|225px|thumb|left|ഷേഡ്, ഷട്ടര്‍, വിലങ്ങനെയും കുറുകനെയുമുള്ള മറവുകള്‍.]]</nowiki>
<nowiki>[[Image:Some_window_blinds.JPG|225px|thumb|left|ഷേഡ്, ഷട്ടർ, വിലങ്ങനെയും കുറുകനെയുമുള്ള മറവുകൾ.]]</nowiki>
<br />
<br />
<nowiki>||</nowiki>
<nowiki>||</nowiki>
<br />
<br />
<nowiki>[[Image:Miniblinds detail of mechanism.jpg|418px|thumb|left|മറവ് ചെറുമറവുകളുമായി ചേര്‍ന്നു നില്‍ക്കുമ്പോള്‍]]</nowiki>
<nowiki>[[Image:Miniblinds detail of mechanism.jpg|418px|thumb|left|മറവ് ചെറുമറവുകളുമായി ചേർന്നു നിൽക്കുമ്പോൾ]]</nowiki>
<br />
<br />
<nowiki>|}</nowiki>
<nowiki>|}</nowiki>
വരി 1,549: വരി 1,550:
|-
|-
|
|
[[Image:Some_window_blinds.JPG|192px x 155px|thumb|left|വിവിധ വിന്‍ഡോ ഷേഡുകള്‍]]
[[Image:Some_window_blinds.JPG|192px x 155px|thumb|left|വിവിധ വിൻഡോ ഷേഡുകൾ]]
||
||
[[Image:Vert-blinds-2145-rs.jpg|192px x 170px|thumb|left|വിലങ്ങനെയുള്ള മറവുകള്‍]]
[[Image:Vert-blinds-2145-rs.jpg|192px x 170px|thumb|left|വിലങ്ങനെയുള്ള മറവുകൾ]]
||
||
[[Image:Gardine.jpg|192px x 155px|thumb|left|ഇതൊരു മറവല്ല]]
[[Image:Gardine.jpg|192px x 155px|thumb|left|ഇതൊരു മറവല്ല]]
വരി 1,563: വരി 1,564:
[[Image:Vorhang.jpg|192px x 155px|thumb|left|കട്ടിയുള്ള ഷേഡ്]]
[[Image:Vorhang.jpg|192px x 155px|thumb|left|കട്ടിയുള്ള ഷേഡ്]]
||
||
[[Image:Jalousie-1.jpg|328px x 55px|thumb|left|കുറുകെയുള്ള മറവുകള്‍]]
[[Image:Jalousie-1.jpg|328px x 55px|thumb|left|കുറുകെയുള്ള മറവുകൾ]]
|}
|}
</center>
</center>
വരി 1,571: വരി 1,572:
|-
|-
|
|
[[Image:Some_window_blinds.JPG|225px|thumb|left|ഷേഡ്, ഷട്ടര്‍, വിലങ്ങനെയും കുറുകനെയുമുള്ള മറവുകള്‍.]]
[[Image:Some_window_blinds.JPG|225px|thumb|left|ഷേഡ്, ഷട്ടർ, വിലങ്ങനെയും കുറുകനെയുമുള്ള മറവുകൾ.]]
||
||
[[Image:Miniblinds detail of mechanism.jpg|418px|thumb|left|മറവ് ചെറുമറവുകളുമായി ചേര്‍ന്നു നില്‍ക്കുമ്പോള്‍]]
[[Image:Miniblinds detail of mechanism.jpg|418px|thumb|left|മറവ് ചെറുമറവുകളുമായി ചേർന്നു നിൽക്കുമ്പോൾ]]
|}
|}
</center>
</center>


[[Category:സഹായക താളുകള്‍|സഹായക താളുകള്‍]]
[[Category:സഹായക താളുകൾ|സഹായക താളുകൾ]]
 
<!--visbot  verified-chils->

22:43, 22 നവംബർ 2020-നു നിലവിലുള്ള രൂപം

സഹായി (Help)
അംഗമാവുക
മലയാളം എഴുതുവാൻ
യുണികോഡ്‌ ഫോണ്ടുകൾ
എഴുത്തു പുര
കീഴ്‌വഴക്കങ്ങൾ
ലേഖനം തുടങ്ങുക
എഡിറ്റിംഗ് സൂചകങ്ങൾ
ക്രമപ്പെടുത്തൽ
റഫറൻസുകൾ
വിക്കി ലിങ്കുകൾ
സചിത്രലേഖനങ്ങൾ
വർഗ്ഗീകരണം
പട്ടികകൾ
മീഡിയ സഹായി
താൾ മാതൃക
വിഷ്വൽ എഡിറ്റർ സഹായി
എന്റെ സ്കൂൾ
പരിശീലനം


സ്പ്രെഡ് ഷീറ്റിനെ വിക്കി-പട്ടികകളാക്കാൻ

ഓപ്പൺ‌ഓഫീസ്.ഓർഗ് കാൽക്, ഗ്ന്യൂമറിക്, എം.എസ്.എക്സൽ തുടങ്ങിയ സ്പ്രെഡ്ഷീറ്റ് വിവരങ്ങളെ വിക്കി-പട്ടികകൾ ആക്കിമാറ്റാൻ ഈ താൾ കാണുക.

റ്റൂൾബാറിന്റെ ഉപയോഗം

താങ്കൾക്ക് മീഡിയാവിക്കി എഡിറ്റ് റ്റൂൽബാർ ഉപയോഗിച്ച് പട്ടികകൾ ഉണ്ടാക്കാവുന്നതാണ്. അവശ്യമായ കോഡുകൾ ഒരു പരിധി വരെ അത് സ്വയം സൃഷ്ടിച്ചുകൊള്ളും. ചിത്രത്തിൽ വട്ടത്തിൽ അടയാളപ്പെടുത്തിയിരിക്കുന്ന ബട്ടൺ ആണ്‌ അതു ചെയ്യുന്നത്. തിരുത്തുന്ന ഘട്ടത്തിൽ പട്ടിക സൃഷ്ടിക്കാൻ പ്രസ്തുത ബട്ടൺ ഉപയോഗിക്കാവുന്നതാണ്‌.

സ്വതവേ, അത് താഴെപറയുന്ന കാര്യങ്ങൾ താളിൽ ഉൾപ്പെടുത്തുന്നു


{| class="wikitable"
|-
! തലക്കെട്ട് 1
! തലക്കെട്ട് 2
! തലക്കെട്ട് 3
|-
| വരി 1, കളം 1
| വരി 1, കളം 2
| വരി 1, കളം 3
|-
| വരി 2, കളം 1
| വരി 2, കളം 2
| വരി 2, കളം 3
|}

നിര ഒന്നിന്റെ തലക്കെട്ട് നിര രണ്ടിന്റെ തലക്കെട്ട് നിര മൂന്നിന്റെ തലക്കെട്ട്
വരി ഒന്നിന്റെ തലക്കെട്ട് കളം 100
വരി A യുടെ തലക്കെട്ട് കളം 3 കളം B

സമാന്തര രേഖകളുടെ (പൈപ്പ്, “||“) ഉപയോഗം

സാധാരണ എച്ച്.റ്റി.എം.എൽ സ്കൂൾവിക്കിയിൽ പ്രവർത്തിക്കുമെങ്കിലും, പ്രത്യേക വിക്കിവിന്യാസത്തിൽ പട്ടികകൾ വരി നിർമ്മിക്കാൻ എളുപ്പവഴിയുണ്ട്. സമാന്തര ലംബ വിന്യാസം (|| അഥവാ പൈപ്പ്) എച്ച്.റ്റി.എം.എല്ലിനു സമമാണ്. എച്ച്.റ്റി.എം.എൽ അറിയാമെങ്കിൽ ഇതു താങ്കൾക്ക് എളുപ്പമായിരിക്കും.

  • മുഴുവൻ പട്ടികയും വളയൻ ബ്രാക്കറ്റിനും ({) പൈപ്പിനും ഉള്ളിൽ നൽകാം. അതുകൊണ്ട് പട്ടിക തുടങ്ങാൻ {| എന്നും അവസാനിപ്പിക്കാൻ |} എന്നും കൊടുക്കുക. ഓരോന്നും പ്രത്യേകം പ്രത്യേകം വരികളിലായിരിക്കാൻ ശ്രദ്ധിക്കുക
{|
  പട്ടികയുടെ ഉള്ളടക്കം
|}
  • പട്ടികയ്ക്ക് തലക്കെട്ട് ആവശ്യമെങ്കിൽ അതിനായി ഒരു വരി തുടങ്ങി പൈപ്പ് രൂപവും അധികചിഹ്നവും ചേർത്ത ശേഷം വശത്തായി തലക്കെട്ട് നൽകുക
{|
|+ തലക്കെട്ട്
  പട്ടികയുടെ ഉള്ളടക്കം
|}
  • പട്ടികയിൽ പുതിയൊരു വരി സൃഷ്ടിക്കാൻ ലംബവരയ്ക്കൊപ്പം ഒരു ഹൈഫനും (-) കൂടെ ചേർത്താൽ മതിയാവും. ആ വരിയിൽ വേണ്ട കളങ്ങൾക്കായി പുതിയ വരിയിൽ തുടങ്ങുക.
{|
|+ പട്ടികയുടെ തലക്കെട്ട്
|-
  കളത്തിനുള്ള എഴുത്തുകൾ
|-
  കളത്തിനുള്ള എഴുത്തുകൾ
|}
  • അടുത്ത വരിയിലെ കളങ്ങൾ തുടർച്ചയായി എഴുതാൻ, ഒരു ലംബ വരയിട്ട് വേർതിരിച്ച് എഴുതിയാൽ മതിയാവും:
{|
|+ പട്ടികയുടെ തലക്കെട്ട്
|-
| കളത്തിനുള്ള എഴുത്തുകൾ
|-
| പട്ടികയുടെ അടുത്ത വരിയിൽ വേണ്ട കളങ്ങൾ
| അതേ വരിയിൽ വേണ്ട കൂടുതൽ കളങ്ങൾ
|}
  • ഒരേ വരിയിൽ കൂടുതൽ കളങ്ങൾ ഒന്നെങ്കിൽ കോഡിൽ പുതിയ വരിയിൽ ഒരു ലംബവരയിട്ടോ, അല്ലങ്കിൽ അതേ വരിയിൽ രണ്ട് ലംബവരകളിട്ടോ "||" ഉണ്ടാക്കാവുന്നതാണ്. രണ്ടിന്റേയും ഫലം ഒന്നായിരിക്കും
{|
|+ പട്ടികയുടെ തലക്കെട്ട്
|-
|കളം 1 || കളം 2 || കളം 3
|-
|കളം A 
|കളം B
|കളം C
|}
  • കോഡിൽ ഒറ്റ ലംബവരയുപയോഗിച്ചു കളങ്ങൾ വേർതിരിക്കാൻ ശ്രമിച്ചാൽ ആദ്യവരയ്ക്കു ശേഷമുള്ളത് ബാക്കിയുള്ള എഴുത്തുകളുടെ സ്വഭാവം നിർണ്ണയിക്കുകയും, അതിനു ശേഷമുള്ള കളങ്ങൾ എല്ലാം കൂടി ഒന്നായും കാണാനിടവരും
{| border="1"
|-
|എഴുത്തുരീതി നിർവചനം (കാണാൻ കഴിയില്ല)|ഇതെല്ലാം |(ലംബവരകളടക്കം)|ഒരൊറ്റക്കളത്തിൽ |ആയിരിക്കും
|-
|}

സാധാരണരീതിയിൽ താങ്കൾക്ക് ഇത് ഉപകാരപ്രദമായിരിക്കില്ല

ഇതെല്ലാം |(ലംബവരകളടക്കം)|ഒരൊറ്റക്കളത്തിൽ |ആയിരിക്കും

എഴുത്തുരീതി നിർവചനം ആവശ്യം വരുന്ന സന്ദർഭവുമുണ്ടായേക്കാം:

{| border="1"
|-
|കളം 1 (യാതൊരു എഴുത്തുരീതി നിർവചനവുമില്ല)
|-
|align="right" |കളം 2 (വലത്തേയ്ക്ക് ചേർത്തെഴുതുന്നു)
|-
|}
കളം 1 (യാതൊരു എഴുത്തുരീതി നിർവചനവുമില്ല)
കളം 2 (വലത്തേയ്ക്ക് ചേർത്തെഴുതുന്നു)

ഇതോർക്കുക: കോഡിൽ ഒരു വരിയിൽ ഒന്നിലധികം ഒറ്റ ലംബവരകൾ ഉപയോഗിക്കാതിരിക്കുക!

  • ഒരു വരിയിൽ നിരകളുടെ തലക്കെട്ട് വേർതിരിച്ചെഴുതാൻ "|" എന്നതിനു പകരം "!" ഉപയോഗിക്കുന്നു, "||" എന്നതിനു പകരം "!!" ഉപയോഗിക്കുന്നു. തലക്കെട്ടിന്റെ കളങ്ങൾ സാധാരണ ബ്രൌസറിനനുസരിച്ച് വ്യത്യസ്തമായാവും ദൃശ്യവത്ക്കരിക്കുക. അവമിക്കവാറും കട്ടികൂടപ്പെട്ടും മദ്ധ്യഭാഗത്തായിട്ടും കാണാൻ കഴിയും.
{|
|+ പട്ടികയുടെ തലക്കെട്ട്
! ഒന്നാം നിരയുടെ തലക്കെട്ട് !! രണ്ടാം നിരയുടെ തലക്കെട്ട് !! മൂന്നാം നിരയുടെ തലക്കെട്ട്
|-
|കളം 1 || കളം 2 || കളം 3
|-
|കളം A
|കളം B
|കളം C
|}
  • പട്ടികയുടെ ഒരു വരി തലക്കെട്ടാണെങ്കിൽ അത് തുടങ്ങുക "|" എന്നതിനു പകരം "!" എന്നായിരിക്കും. വിവരങ്ങളെ കുറിക്കാനുള്ള അടുത്ത കളങ്ങൾ കോഡിൽ പുതിയ വരിയിൽ തുടങ്ങുക.

{|

|+ പട്ടികയുടെ തലക്കെട്ട്
! ഒന്നാം നിരയുടെ തലക്കെട്ട്!! രണ്ടാം നിരയുടെ തലക്കെട്ട് !! മൂന്നാം നിരയുടെ തലക്കെട്ട്
|-
! ഒന്നാം വരിയുടെ തലക്കെട്ട് 
| കളം 2 || കളം 3
|-
! A വരിയുടെ തലക്കെട്ട് 
|കളം B
|കളം C
|}
  • വേണ്ട കാര്യങ്ങൾ നിർവചിച്ചു കൊടുത്ത് കളങ്ങളുടേയോ, വരികളുടേയോ, പട്ടികയുടേതു തന്നെയോ സ്വഭാവം മാറ്റാവുന്നതാണ്. ഉദാഹരണത്തിന് പട്ടികയ്ക്ക് ബോർഡർ കൊടുക്കാവുന്നതാണ്.:
{| border="1"
|+ പട്ടികയുടെ തലക്കെട്ട്
! ഒന്നാം നിരയുടെ തലക്കെട്ട് !! രണ്ടാം നിരയുടെ തലക്കെട്ട് !! മൂന്നാം നിരയുടെ തലക്കെട്ട്
|-
! ഒന്നാം വരിയുടെ തലക്കെട്ട്
| കളം 2 || കളം 3
|-
! വരി A യുടെ തലക്കെട്ട്
|കളം B
|കളം C
|}

പട്ടികയുടെ അന്തിമദൃശ്യം ഇപ്രകാരമായിരിക്കും:

പട്ടികയുടെ തലക്കെട്ട്
ഒന്നാം നിരയുടെ തലക്കെട്ട് രണ്ടാം നിരയുടെ തലക്കെട്ട് മൂന്നാം നിരയുടെ തലക്കെട്ട്
വരി ഒന്നിന്റെ തലക്കെട്ട് കളം 2 കളം 3
വരി A യുടെ തലക്കെട്ട് കളം B കളം C

പട്ടികയ്ക്കുള്ള നിർവചനങ്ങളും, കളങ്ങൾക്കുള്ള നിർവചനങ്ങളും എച്ച്.റ്റി.എം.എല്ലിൽ ഉള്ളതു തന്നെയായിരിക്കും [1] കാണുക. എന്നിരുന്നാലും thead, tbody, tfoot, colgroup, col തുടങ്ങിയ പ്രയോഗങ്ങൾ മീഡിയവിക്കി അനുവദിക്കുന്നില്ല.


ഇത്തരത്തിൽ വരിയും നിരയും ഉപയോഗിച്ച് കളങ്ങൾക്ക് നിറം കൊടുത്തും മറ്റും ഓരോരുത്തരുടേയും ഭാവനയനുസരിച്ച് ഇതിനെ ഉള്ളടക്കം ഒന്നും ഇല്ലാതെ തന്നെ ഡയഗ്രം ആയും ഒക്കെ ഉപയൊഗപ്രദമായി ഉപയോഗിക്കാൻ കഴിയും. അപ്‌ലോഡ് ചെയ്യുന്ന ചിത്രത്തിനേക്കാളും ഇത്തരത്തിൽ സൃഷ്ടിക്കുന്ന ദൃശ്യം തിരുത്താൻ എളുപ്പമാണെന്നോർക്കുക. വോളീബോൾ എന്നതാളിൽ വരിയും നിരയും ഉപയോഗിച്ച് വോളീബോൾ കോർട്ടിന്റെ ചിത്രം വരച്ചിരിക്കുന്നതു ശ്രദ്ധിക്കുക.

പട്ടികയിൽ ഓരോ വരിയിലേയും കളങ്ങളുടെ എണ്ണം തുല്യമായിരിക്കണം, അതായത് പട്ടികയിലെ നിരകളുടെ എണ്ണം സ്ഥിരമായിരിക്കും. ശൂന്യമായ കളങ്ങൾക്കുള്ളിൽ സ്പേസ് നൽകാനുള്ള കോഡായ &nbsp; നൽകുന്നത് കളം കാണാൻ കഴിയും എന്നുറപ്പാക്കുന്നു. കളത്തിനുള്ളിൽ ലംബ വര കാണണമെങ്കിൽ <nowiki>|</nowiki> എന്നോ &#124; എന്നോ ഉപയോഗിക്കുക.

ഒരു പട്ടികയിൽ കളങ്ങളുടെ വീതിയോ നീളമോ സാധാരണയിൽ നിന്നും കൂട്ടുവാനുള്ള മാർഗ്ഗങ്ങളായി കോളംസ്പാൻ (colspan) അല്ലങ്കിൽ റോസ്പാൻ (rowspan) ഉപയോഗിക്കാവുന്നതാണ് (സഹായം ഇംഗ്ലീഷ് സ്കൂൾവിക്കിയിൽ നിന്നും). ഇപ്രകാരം ചെയ്യുന്നതുമൂലം ക്രമപ്പെടുത്തൽ (സോർട്ടിങ്) ശരിയായി പ്രവർത്തിക്കാതിരുന്നേക്കാം.

ഉദാഹരണങ്ങൾ

ലളിതമായ ഉദാഹരണം

താഴെ കൊടുത്തിരിക്കുന്ന രണ്ടുരീതിയും ഒരേ പോലെയാവും പ്രത്യക്ഷപ്പെടുക. വരികളിലെ കളങ്ങളുടെ എണ്ണത്തിനനുസരിച്ചും, കളങ്ങളിൽ ആവശ്യമുള്ള എഴുത്തിന്റെ ദൈർഘ്യം അനുസരിച്ചും അനുയോജ്യമായ മാർഗ്ഗം തിരഞ്ഞെടുക്കുക.

വിക്കി വിന്യാസം

{| 
| A 
| B
|- 
| C
| D
|}
{| 
| A || B
|- 
| C || D 
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

A B
C D

ഗുണനപ്പട്ടിക

വിക്കി വിന്യാസം

{| class="wikitable" style="text-align:center"
|+ഗുണനപ്പട്ടിക
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം (see: Help:User_style)

ഗുണനപ്പട്ടിക
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

നിറവും; ചരങ്ങളുടെ ഉപയോഗവും

കളങ്ങളുടെ പശ്ചാത്തലനിറവും, എഴുത്തിന്റെ നിറവും രണ്ടു തരത്തിൽ നിർവചിക്കാം, ആദ്യ രീതി കൂടുതൽ അനുയോജ്യം:

വിക്കി വിന്യാസം

{| 
| style="background:red; color:white" | അമ്മ
| ഇല
| bgcolor="red" | <font color="white"> തറ </font>
| പറ
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

അമ്മ ഇല തറ പറ

ചരങ്ങളുടെ പൊതു ഉപയോഗത്തിലുള്ളതു പോലെ നിറങ്ങൾ മുഴുവൻ വരിക്കായോ, മുഴുവൻ പട്ടികയ്ക്കായോ വേണമെങ്കിലും നൽകാവുന്നതാണ്; ഒരു പ്രത്യേക വരി നിർവചിക്കുവാനുള്ള ചരങ്ങൾ പട്ടികയുടെ നിർവചനത്തെ അതിലംഘിക്കുന്നതായിരിക്കും. അതേപോലെ ഒരു പ്രത്യേക കളത്തിനുള്ള നിർവചനം, അതുള്ള വരിയുടെ നിർവചനത്തേയും അതിലംഘിക്കും.

വിക്കി വിന്യാസം

{| style="background:yellow; color:green"
|- 
| അമ്മ || ഇല || തറ
|- style="background:red; color:white"
| പറ || പശു || ആന
|-
| stu || style="background:silver" | വീട് || പന
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

അമ്മ ഇല തറ
പറ പശു ആന
ഋഷി വീട് പന

താളിന്റെ പശ്ചാത്തലവുമായി പട്ടിക ചേർന്നു നിൽക്കണമെങ്കിൽ style="background:none" എന്നോ style="background:transparent" എന്നോ ഉപയോഗിക്കുക (style="background:inherit" ഐ.ഇ.6 അടക്കം ചില ബ്രൌസറുകളിൽ പ്രവർത്തിക്കില്ല.

കാണുക : style, background, list of colors, web colors

വീതിയും ഉയരവും

ഒരു വരിയുടേയോ പട്ടികയുടെ തന്നെയോ വീതിയും ഉയരവും നിർവചിക്കാവുന്നതാണ്. ഓരോ കളത്തിന്റേയും വീതി പ്രത്യേകം പ്രത്യേകം പറഞ്ഞുകൊടുത്ത് നിരയുടെ വീതി നിർവചിക്കാവുന്നതാണ്. ഒരു കളത്തിൽ മാത്രം നിരയുടെ വീതിയോ വരിയുടെ ഉയരമോ പറഞ്ഞുകൊടുത്താലും മിക്കവാറും ഒരേ പോലെ പ്രവർത്തിക്കും എന്നാലും അത് ബ്രൌസറിനനുസരിച്ചാണെന്നോർക്കുക.

വിക്കി വിന്യാസം

{| style="width:75%; height:200px" border="1"
|- 
| അമ്മ || ഇല || തറ
|- style="height:100px" 
| പറ || style="width:200px" |പശു || ആന
|-
| ഋഷി || വീട് || പന
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

അമ്മ ഇല തറ
പറ പശു ആന
ഋഷി വീട് പന

style="inline CSS" തുടങ്ങിയ കോഡിങ്ങുകൾ ചില ബ്രൌസറുകൾക്ക് തിരിച്ചറിയാനേ കഴിയുകയില്ല എന്നോർക്കുക. പഴയ രീതികളായ width="75%" മിക്ക ബ്രൌസറുകളിലും പ്രവർത്തിക്കും എന്നോർക്കുക.

നിരയുടെ വീതി ക്രമപ്പെടുത്തൽ

നിരയിലെ കളങ്ങളിൽ വച്ച് ഏറ്റവും ദൈർഘ്യമുള്ള എഴുത്ത് നിരയുടെ വീതിയായി വരുന്നതിനപ്പുറം താങ്കളുടെ താത്പര്യപ്രകാരമുള്ള അളവുകൾ വേണമെങ്കിൽ ഈ ഉദാഹരണം കാണുക. വീതിക്കനുസരിച്ച് എഴുത്തുകൾ മുറിഞ്ഞുപോകുന്നതു ശ്രദ്ധിക്കുക.

{| border="1" cellpadding="2"
!width="50"|നിര
!width="225"|വലിയ നിര
!width="225"| വലിയ നിര
|-
| ദ്യോവിനെ വിറപ്പിക്കുമാ || വിളി കേട്ടോ മണിക്കോവിലിൽ മയങ്ങുന്ന  ||  മാനവരുടെ ദൈവം
|-
| എങ്കിലുമതുചെന്നു || മറ്റൊലികൊണ്ടൂ പുത്രസങ്കടം സഹിയാത്ത || സഹ്യന്റെ ഹൃദയത്തിൽ
|}
നിര വലിയ നിര വലിയ നിര
ദ്യോവിനെ വിറപ്പിക്കുമാ വിളി കേട്ടോ മണിക്കോവിലിൽ മയങ്ങുന്ന മാനവരുടെ ദൈവം
എങ്കിലുമതുചെന്നു മറ്റൊലികൊണ്ടൂ പുത്രസങ്കടം സഹിയാത്ത സഹ്യന്റെ ഹൃദയത്തിൽ

തലക്കെട്ടുകളിൽ ഒറ്റയടിക്കു നൽകുന്നതല്ലാതെ നിരകൾക്ക് വീതി പറഞ്ഞു കൊടുക്കുവാൻ നിരയിലെ ആദ്യകളത്തിനുള്ള വീതി പറഞ്ഞുകൊടുത്താൽ മതിയാവും:

{| border="1" cellpadding="2"
|-
|width="100pt"| ഈ നിരയ്ക്ക് 100 ബിന്ദുക്കൾ വീതിയുണ്ട്
|width="200pt"| ഈ നിരയ്ക്ക് 200 ബിന്ദുക്കൾ വീതിയുണ്ട്
|width="300pt"| ഈ നിരയ്ക്ക് 300 ബിന്ദുക്കൾ വീതിയുണ്ട്
|-
| സുഖദാം || വരദാം || മാതരം
|}
ഈ നിരയ്ക്ക് 100 ബിന്ദുക്കൾ വീതിയുണ്ട് ഈ നിരയ്ക്ക് 200 ബിന്ദുക്കൾ വീതിയുണ്ട് ഈ നിരയ്ക്ക് 300 ബിന്ദുക്കൾ വീതിയുണ്ട്
സുഖദാം വരദാം മാതരം

നിരകൾ ക്രമപ്പെടുത്താനായും വീതി ഉപയോഗപ്പെടുത്താവുന്നതാണ്


രാജ്യം തലസ്ഥാനം
ഈജിപ്ത് കെയ്‌റോ
രാജ്യം തലസ്ഥാനം
ഫ്രാൻസ് പാരീസ്

ലംബമായുള്ള സ്ഥാ‍ന നിർണ്ണയം

സ്വതവേ പട്ടികയിലെ കളങ്ങളിലെ എഴുത്തുകൾ ലംബമായി നോക്കിയാൽ കളത്തിനുള്ളിൽ മദ്ധ്യഭാഗത്തായിരിക്കും. ചിലപ്പോഴെങ്കിലും ഇത് കാണാൻ സുഖകരമായിരിക്കില്ല.

വരിയുടെ തലക്കെട്ട് ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു നൽകുന്ന വൃക്ഷങ്ങൾ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയിൽ ചുള്ളിനാരുകൾ പിണച്ചുള്ള കൊച്ചുനീഡത്തിൽ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികൾ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടർന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകൾ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെൻ മനസ്സിൻ മുറിപ്പാടുകൾ വേദന മറക്കുന്നു. ചെറിയ എഴുത്ത്.
വരിയുടെ തലക്കെട്ട് ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു നൽകുന്ന വൃക്ഷങ്ങൾ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയിൽ ചുള്ളിനാരുകൾ പിണച്ചുള്ള കൊച്ചുനീഡത്തിൽ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികൾ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടർന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകൾ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെൻ മനസ്സിൻ മുറിപ്പാടുകൾ വേദന മറക്കുന്നു. ചെറിയ എഴുത്ത്.

ഈ പ്രശ്നം പരിഹരിക്കാൻ valign="top" എന്ന് വരികളിൽ കൊടുത്താൽ മതിയാവും (ഓരോ വരിയിലും കൊടുക്കേണ്ടി വന്നേക്കും) ഉദാഹരണം

{| border="1" cellpadding="2"
|-valign="top"
|width="10%"|'''വരിയുടെ തലക്കെട്ട്'''
|width="70%"|ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു...
|width="20%"|ചെറിയ എഴുത്ത്.
|-valign="top"
|'''വരിയുടെ തലക്കെട്ട്'''
|ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു... 
|ചെറിയ എഴുത്ത്.
|}
വരിയുടെ തലക്കെട്ട് ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു നൽകുന്ന വൃക്ഷങ്ങൾ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയിൽ ചുള്ളിനാരുകൾ പിണച്ചുള്ള കൊച്ചുനീഡത്തിൽ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികൾ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടർന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകൾ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെൻ മനസ്സിൻ മുറിപ്പാടുകൾ വേദന മറക്കുന്നു. ചെറിയ എഴുത്ത്.
വരിയുടെ തലക്കെട്ട് ഒരു വലിയ എഴുത്ത്. ഉച്ചക്കൊടുംവെയിലിൽ നൽത്തണലു നൽകുന്ന വൃക്ഷങ്ങൾ കടയറ്റു നൊന്തു വീഴുമ്പോഴും, അച്ചില്ലയിൽ ചുള്ളിനാരുകൾ പിണച്ചുള്ള കൊച്ചുനീഡത്തിൽ പൊരുന്നിരിക്കും ചേക്കുപക്ഷികൾ ചിറകിട്ടടിച്ചു കേഴുമ്പൊഴും, തളിരിലകളുടെയിടയിലൂടൊളിഞ്ഞു നോക്കും പൂംചെറുതുകളടർന്നുവീണെല്ലാം നശിച്ചെന്നു കരളുരുകി മണ്ണോടു മാറണക്കുമ്പോഴും, പിന്നെയും പൊട്ടിവിടരും മുളകളെ കണ്ടു, മങ്ങിങ്ങു ചെറു ചകിരി നാരുകൾ കൊത്തുന്ന മഞ്ഞക്കിളികളെ കണ്ടുമെൻ മനസ്സിൻ മുറിപ്പാടുകൾ വേദന മറക്കുന്നു. ചെറിയ എഴുത്ത്.

സ്ഥാനനിർണ്ണയം

വേണമെങ്കിൽ പട്ടികയുടേയോ, ഒരു വരിയുടെ ഉള്ളടക്കത്തിനേയോ, അല്ല ഒരു കളത്തിന്റെ ഉള്ളടക്കത്തിനു മാത്രമോ ആയി സ്ഥാനം പറഞ്ഞുകൊടുക്കാൻ കഴിയും. ഇതെല്ലാം വ്യത്യസ്ത രീതികളിലാവും ചെയ്യേണ്ടി വരിക. ഒരു കാരണവശാലും പട്ടിക "float" ആയി നൽകരുത്. താളിന്റെ ദൃശ്യരൂപത്തെ അത് ദോഷകരമായി ബാധിക്കും.

അധിക വിവരങ്ങൾ

ഇവിടെ പട്ടികകളിൽ കൂടുതൽ സൌകര്യങ്ങൾ ചേർക്കാനുള്ള കുറെക്കൂടി സങ്കീർണ്ണമായ ഉദാഹരണങ്ങൾ കാണം. ഉള്ളടക്കം ആവശ്യാനുസരണം ക്രമപ്പെടുത്തൽ (സോർട്ടിങ്) കോൾസ്പാനോ, റോസ്പാനോ ഉണ്ടെങ്കിൽ ശരിയായി പ്രവർത്തിക്കില്ലന്നോർക്കുക.

താങ്കൾക്ക് താങ്കളുടെ പട്ടികകളിൽ ഈ ക്രമീകരണങ്ങൾ പരീക്ഷിച്ചു നോക്കാവുന്നതാണ്. എല്ലാ സന്ദർഭങ്ങളിലും എല്ലാ ക്രമീകരണങ്ങളും ആവശ്യം വരില്ല, ഉദാഹരണത്തിന് നിറം പിടിപ്പിച്ച പശ്ചാത്തലം സാധാരണ സന്ദർഭങ്ങളിൽ പട്ടികയ്ക്ക് ചേരില്ല. താങ്കൾ സൃഷ്ടിക്കുന്ന പട്ടികകൾ ലളിതമായിരിക്കാൻ ശ്രദ്ധിക്കുക - മറ്റുള്ളവർക്കും അതിൽ തിരുത്താൻ കഴിയുമെന്നോർക്കുക. ഈ ഉദാഹരണങ്ങൾ എന്തായാലും താങ്കൾക്ക് ഒരു അവബോധം പകർന്നു തരാൻ പ്രാപ്തമാണ്.

വിക്കി വിന്യാസം

{| border="1" cellpadding="5" cellspacing="0" align="center"
|+'''ഉദാഹരണം'''
|-
! style="background:#efefef;" | ആദ്യ തലക്കെട്ട്
! colspan="2" style="background:#ffdead;" | രണ്ടാം തലക്കെട്ട്
|-
| മുകളിൽ ഇടത്
| &nbsp;
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
വലത് വശം
|-
| style="border-bottom:3px solid grey;" | താഴെ ഇടത്
| style="border-bottom:3px solid grey;" | താഴെ മദ്ധ്യം
|-
| colspan="3" align="center" |
{| border="0"
|+''പട്ടികയ്ക്കുള്ളിലെ പട്ടിക''
|-
| align="center" width="150px" | [[Image:Wiki.png]]
| align="center" width="150px" | [[Image:Wiki.png]]
|-
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" |
വിക്കിമീഡിയയുടെ രണ്ട് ലോഗോകൾ
|}
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

ഉദാഹരണം
ആദ്യതലക്കെട്ട് രണ്ടാം തലക്കെട്ട്
മുകളിൽ ഇടത് &nbsp;

വലത് വശം

താഴെ ഇടത് താഴെ മദ്ധ്യം
പട്ടികയ്ക്കുള്ളിലെ പട്ടിക

വിക്കിമീഡിയയുടെ രണ്ട് ലോഗോകൾ

ഫ്ലോട്ടിങ് പട്ടിക

വിക്കി വിന്യാസം

ഈ ഖണ്ഡിക പട്ടികയ്ക്ക് മുമ്പ്.  മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം
നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു
കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികൾ തല്ലി
പൊടിക്കും...

{| align="right" border="1"
| നിര 1, വരി 1 
| rowspan="2"| നിര 2, വരി 1 (ഉം 2ഉം) 
| നിര 3, വരി 1 
|- 
| നിര 1, വരി 2 
| നിര 3, വരി 2 
|}

ഫ്ലോട്ടിങ് പട്ടിക വലത്തായിട്ടാണെന്നോർക്കുക.   

ഈ ഖണ്ഡിക പട്ടികയ്ക്കു ശേഷം.  മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം
നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു
കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികൾ തല്ലി
പൊടിക്കും...

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

ഈ ഖണ്ഡിക പട്ടികയ്ക്ക് മുമ്പ്. മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികൾ തല്ലി പൊടിക്കും......


നിര 1, വരി 1 നിര 2, വരി 1 (ഉം 2ഉം) നിര 3, വരി 1
നിര 1, വരി 2 നിര 3, വരി 2


ഫ്ലോട്ടിങ് പട്ടിക വലത്തായിട്ടാണെന്നോർക്കുക.

ഈ ഖണ്ഡിക പട്ടികയ്ക്കു ശേഷം. മിടുക്കും ശൌരവുമെല്ലാമൊടുക്കം നാസ്തിയാം നിന്റെ കടുപ്പം കാട്ടിലെങ്ങാനും കിടക്കും വാനരത്തോടു കടക്കണ്ണും ചുമത്തിക്കൊണ്ടടുക്കും വിക്രമീ പല്ലും കടിക്കും വല്ലികൾ തല്ലി പൊടിക്കും...

പട്ടികയ്ക്കുള്ളിലെ പട്ടിക

ഒരു പട്ടികയുടെ കളങ്ങൾക്കുള്ളിൽ അഞ്ച് മറ്റ് പട്ടികകൾ (നീലനിറത്തിൽ) ഉൾപ്പെടുത്തിയിരിക്കുന്നു. |ക| എന്ന പട്ടികയുടേയും |ച|ച| എന്ന പട്ടികയുടേയും സ്വയം ലംബസ്ഥാനം സ്വീകരിച്ചിരിക്കുന്നു. |ട|, |ത| എന്നീ പട്ടികകൾ ഫ്ലോട്ട് ഉപയോഗിച്ച് സ്ഥാന നിർണ്ണയം ചെയ്തിരിക്കുന്നു. രൂപരേഖകളിലും ചാർട്ടിലുമൊക്കെ ഈ രീതി കൈക്കൊള്ളാവുന്നതാണ്. പട്ടികയ്ക്കുള്ളിലെ പട്ടിക പുതിയൊരു വരിയിൽ തുടങ്ങേണ്ടതാണ്.

വിക്കി വിന്യാസം

{| border="1"
| &alpha;
| align="center" | കളം 2
{| border="2" style="background:#ABCDEF;" <!-- പട്ടികയ്ക്കുള്ളിലെ പട്ടിക പുതിയൊരു വരിയിലായിരിക്കണം -->
| ഉള്ളിലുള്ള
|-
| പട്ടിക
|}
| valign="bottom" | പ്രഥമ പട്ടിക
| style="width:100px;" |
{| border="2" style="background:#ABCDEF;;"
| ക
|}
{| border="2" style="background:#ABCDEF;"
| ച || ച
|}
| style="width:50px;" |
{| border="2" style="background:#ABCDEF; float:left;"
| ട
|}
{| border="2" style="background:#ABCDEF; float:right;"
| ത
|}
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

α കളം 2
ഉള്ളിലുള്ള
പട്ടിക
പ്രഥമ പട്ടിക

കോളംസ്പാനിന്റേയും റോസ്പാനിന്റേയും ഉപയോഗം

വിക്കി വിന്യാസം

{| border="1" cellpadding="5" cellspacing="0"
|-
| നിര 1 || നിര 2 || നിര 3
|-
| rowspan="2"| ക
| colspan="2" align="center"| ഖ
|-
| ഗ <!-- നിര 1-ൽ കളം ക അധിനിവേശിച്ചിരിക്കുന്നു -->
| ഘ 
|-
| ങ
| rowspan="2" colspan="2" align="center"| ച
|- 
| ഛ <!-- നിര 2+3,  കളം ച അധിനിവേശിച്ചിരിക്കുന്നു -->
|- 
| colspan="3" align="center"| ജ
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

നിര 1 നിര 2 നിര 3
ഗ <!-- നിര 1-ൽ കളം ക അധിനിവേശിച്ചിരിക്കുന്നു -->
ഛ <!-- നിര 2+3, കളം ച അധിനിവേശിച്ചിരിക്കുന്നു -->

കളം ഛ' യിലെ rowspan="2" ന്റെ ഒപ്പം കളം യ്ക്കായി rowspan="3" ഉപയോഗിച്ചാൽ യ്ക്കും യ്ക്കും അടിയിൽ പുതിയൊരു വരി കിട്ടില്ല. എന്നോർക്കുക. ശൂന്യമായ കളങ്ങൾ കാണിക്കില്ല.

ഒരു നിരയിലെ മുഴുവൻ കളങ്ങളും ശൂന്യമാണെങ്കിൽ നിരയേ കാണിക്കില്ല. ശൂന്യമായതും ശൂന്യമല്ലാത്തതുമായ കളങ്ങൾക്കിടയിൽ സീമയുണ്ടെങ്കിൽ അതും കാണിക്കാനിടയില്ല (ബ്രൌസറധിഷ്ഠിതം). ശൂന്യമായ കളങ്ങളിൽ ശൂന്യമല്ലെന്നു തെറ്റിദ്ധരിപ്പിക്കാൻ അതുകൊണ്ട് &nbsp; ഉപയോഗിക്കുക.

പട്ടികകൾ മദ്ധ്യഭാഗത്തായി നിലനിർത്താൻ

താളിനു നടുക്കായി നിൽക്കുന്ന പട്ടികകൾ നിർമ്മിക്കാവുന്നതാണ് പക്ഷേ അവ "float" ആയി നൽകരുത്, പട്ടികയ്ക്കിരുവശത്തുമായി എഴുത്തുകൾ ഉണ്ടാകരുതെന്നർത്ഥം. അതിനായി {| style="margin: 1em auto 1em auto" ഉപയോഗിക്കുക.

വിക്കി വിന്യാസം

{| class="wikitable" style="margin: 1em auto 1em auto"
|+ '''ഇടത്തേക്ക് ചേർന്നെഴുത്തുകളുള്ള കളങ്ങൾ, പട്ടിക മദ്ധ്യത്തിൽ'''
! നിന്നില്ല || ഒരിത്തിരി || നേരമാരും
|-
| തമ്പകം  || പോരാ || മരുതു പോരാ
|-
| തമ്പുരാൻ || കൽപ്പിച്ചിരിക്ക || അല്ലേ.
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

ഇടത്തേക്ക് ചേർന്നെഴുത്തുകളുള്ള കളങ്ങൾ, പട്ടിക മദ്ധ്യത്തിൽ
നിന്നില്ല ഒരിത്തിരി നേരമാരും
തമ്പകം പോരാ മരുതു പോരാ
തമ്പുരാൻ കൽപ്പിച്ചിരിക്ക അല്ലേ.

ചരങ്ങളുടെ ഉപയോഗം

കളത്തിനു തുടക്കത്തിൽ ചരങ്ങൾ നൽകുക ഒടുവിൽ ഒരു ലംബവരയും ഇടുക, ഉദാഹരണത്തിന് width="300"| എന്നുപയോഗിക്കുന്നത് കളത്തിന്റെ വീതി 300 ബിന്ദുക്കളാക്കി മാറ്റും. ഒന്നിലധികം ചരങ്ങൾ ഉണ്ടെങ്കിൽ അവയോരോന്നിനുമിടയിൽ ഓരോ ഇട (Space) നൽകുക.

വിക്കി വിന്യാസം

{| style="color:white"
|-
| bgcolor="red"|കളം 1 || width="300" bgcolor="blue"|കളം 2 || bgcolor="green"|കളം 3
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

കളം 1 കളം 2 കളം 3

ദശാംശത്തിനനുസരിച്ച് സംഖ്യകൾ കാണിക്കാൻ

ദശാംശ ചിഹ്നത്തിനെ അനുസരിച്ച് സംഖ്യകളെ നിരത്തി കാണിക്കാൻ ഉപയോഗിക്കാവുന്ന ഒരു മാർഗ്ഗം:

വിക്കി വിന്യാസം

{| cellpadding="0" cellspacing="0"
|align="right"| 432 || .1
|-
|align="right"| 43 || .21
|-
|align="right"| 4 || .321
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

432 .1
43 .21
4 .321

സെൽപാഡിങോ, സെൽ‌സ്പേസിങോ (cellpadding, cellspacing) ഉണ്ടെങ്കിൽ രണ്ട് കളങ്ങളിലായി എഴുതുന്ന സംഖ്യയെ നടുക്കുകൂടി ഉണ്ടായേക്കാവുന്ന വിടവിനെ മറച്ച് ഒരുമിച്ചു കാട്ടാൻ കഴിയും. അതിനായി പട്ടികയ്ക്കുള്ളിലൊരു പട്ടിക നിർമ്മിച്ച് അതിന്റെ നിരയുടെ വീതി ആവശ്യാനുസരണം വ്യക്തമാക്കികൊടുക്കുക. ഉള്ളിൽ നിർമ്മിക്കുന്ന പട്ടികയുടെ നിരയുടെ വീതി നിരയിലെ കളങ്ങളുടെ വീതി തന്നെയായിരിക്കണം. (ദശാംശസംഖ്യകൾ എന്നിട്ടും ശരിയായി പ്രത്യക്ഷപ്പെടുന്നില്ലങ്കിൽ പ്രധാന പട്ടികയുടെ നിര വളരെ ഇടുങ്ങിയതായിരിക്കണം. നിരയുടെ വീതി കൂട്ടാനുള്ള ചരങ്ങൾ ഉപയോഗിക്കുക.)

വിക്കി വിന്യാസം

{|border="1" cellpadding="4" cellspacing="2"
|
{|cellpadding="0" cellspacing="0" width="100%"
|align="right" width="50%"| 432 ||width="50%"| .1
|}
|-
|
{|cellpadding="0" cellspacing="0" width="100%"
|align="right" width="50%"| 43 ||width="50%"| .21
|}
|-
|
{|cellpadding="0" cellspacing="0" width="100%"
|align="right" width="50%"| 4 ||width="50%"| .321
|}
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

432 .1
43 .21
4 .321

ലളിതമായി ഉപയോഗിക്കാവുന്ന സന്ദർഭങ്ങളിൽ ആദ്യവരിയിൽ ഒരു ഇട നൽകി അടുത്ത വരികളിൽ ആവശ്യാനുസരണം ഇടകൾ നൽകി സംഖ്യകളുടെ സ്ഥാനം സ്ഥാപിക്കാവുന്നതേയുള്ളു:

432.1
 43.21
  4.321

സ്റ്റൈൽ ക്ലാസ്സുകൾ

ഇംഗ്ലീഷ് സ്കൂൾവിക്കിയിലെ സ്റ്റൈലിനെ പറ്റിയുള്ള താൾ കാണുക.

പട്ടികയുടെ മൂലഭാഷയുടെ ആദ്യവരിയിൽ "{|" വേണ്ട സ്റ്റൈൽ മുഴുവൻ എഴുതിക്കൊടുക്കുന്നതിനു പകരം ഒരു കാസ്കേഡിങ് സ്റ്റൈൽ ഷീറ്റ് (w:Cascading Style Sheets, സി.എസ്.എസ്.) ക്ലാസ് നൽകാവുന്നതാണ്. ആ ക്ലാസിനുള്ള സ്റ്റൈലുകൾ പലവിധത്തിൽ നിർവചിക്കാം

  • സോഫ്റ്റ്വെയറിനുള്ളിൽ തന്നെ, രൂപത്തിന് (skin) അനുസരിച്ച് (ഉദാ: class sortable)
  • ഒരു വിക്കിയിലെ എല്ലാ ഉപയോക്താക്കൾക്കും വേണ്ടി മീഡിയവിക്കി:Common.css ഉപയോഗിച്ച്.
  • collectively for all users of one wiki in MediaWiki:Common.css (ഉദാ: ഈ വിക്കിയിലും മറ്റു പല പദ്ധതികളിലുമുള്ള class wikitable).
  • ഒരു രൂപത്തിനു പ്രത്യേകമായി മീഡിയവിക്കി:Monobook.css മുതലായവ ഉപയോഗിച്ച്.
  • ഉപയോക്താവിന്റെ ഉപതാളിൽ കുറിച്ചുകൊടുക്കുന്നതനുസരിച്ച് ഓരോരുത്തരുടെ താത്പര്യപ്രകാരം.
  • ഉപയോക്താവിന്റെ സ്വന്തം കമ്പ്യൂട്ടറിൽ നിർവചിച്ചിരിക്കുന്ന പ്രകാരം എല്ലാ വെബ് താളുകൾക്കുമായി.

പട്ടികയെ രൂപപ്പെടുത്താനാവശ്യമായ എല്ലാ ചരങ്ങളും ഓർത്തിരിക്കുന്നതിലും എത്രയോ എളുപ്പമാണ് അനുയോജ്യമായ സ്റ്റൈൽ ക്ലാസ് {| നു ശേഷം ചേർക്കുന്നത്. ഇത് പട്ടികയെ സുദൃഢം ആക്കുന്നു, കൂടാതെ ഒരു മാറ്റം കൊണ്ടുതന്നെ ക്ലാസ് ഉപയോഗിക്കുന്ന എല്ലാ പട്ടികകളേയും മെച്ചപ്പെടുത്തുവാനും സഹായിക്കുന്നു. :

{| border="1" cellpadding="2"
|+ഗുണനപ്പട്ടിക
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}
 
ഗുണനപ്പട്ടിക
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15
ഇങ്ങിനെ ആയി തീരും:
{| class="wikitable"
|+ഗുണനപ്പട്ടിക
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}
 
ഗുണനപ്പട്ടിക
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

ഇവിടെ പട്ടികയ്ക്കൊപ്പം കൊടുക്കേണ്ടിയിരുന്ന ചരങ്ങളെ class="wikitable" കൊണ്ട് പ്രതിനിധീകരിച്ചിരിക്കുന്നു. മീഡിയവിക്കി:Common.css-ൽ table.wikitable എന്നതിനായി ഒരുകൂട്ടം സ്റ്റൈൽ നിയമങ്ങൾ wikitable ക്ലാസ് ആയി ഉള്ളതുകൊണ്ടാണ്. താങ്കൾ പട്ടികയെ ക്ലാസ് ഉപയോഗിച്ച് അടയാളപ്പെടുത്തുമ്പോൾ അതിലെ നിയമങ്ങളെല്ലാം പട്ടികയിൽ പ്രവർത്തിക്കുന്നു. താങ്കൾക്ക് വേണമെങ്കിൽ കൂടുതൽ സ്റ്റൈൽ നിയമങ്ങൾ അതോടൊപ്പം പട്ടികയോടൊപ്പം ചേർക്കാവുന്നതാണ്. അത്തരം നിയമങ്ങൾ ക്ലാസിലെ നിയമങ്ങൾ അതിലംഘിച്ച് പ്രവർത്തിക്കുന്നതായിരിക്കും. അതുകൊണ്ട് ക്ലാസ് സ്റ്റൈലിനെ അടിസ്ഥാനമാക്കി താങ്കൾക്ക് സ്റ്റൈൽ കൂടുതൽ വികസിപ്പിക്കാവുന്നതാണ്:


വിക്കി വിന്യാസം

{| class="wikitable" style="font-style:italic; font-size:120%; border:3px dashed red;"
|+ഗുണനപ്പട്ടിക
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

ഗുണനപ്പട്ടിക
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

ഇവിടെ പട്ടികയുടെ പശ്ചാത്തലം wikitable ക്ലാസ്സിൽ നിർവചിച്ചിരിക്കുന്ന ചാര നിറവും, തലക്കുറികൾ കട്ടികൂട്ടി എഴുതിയതും മദ്ധ്യഭാഗത്തായി സ്ഥാപിച്ചിരിക്കുന്നതും ആണെങ്കിലും, എഴുത്തുകൾ പട്ടികയിൽ എഴുതി നൽകിയിരിക്കുന്ന സ്റ്റൈൽ നിയമങ്ങൾ ഉപയോഗിച്ച് അതിലംഘിച്ചിരിക്കുന്നു. എഴുത്തുകൾ 120% വലിപ്പക്കൂടുതലുൾലതാണ്, സീമയടയാളങ്ങൾക്കാവട്ടെ ചുവന്ന വരകൾ ഉപയോഗിച്ചിരിക്കുന്നു.

ഇൻ‌ലൈൻ സി.എസ്.എസ്. പിന്തുണയുള്ള ബ്രൌസറുകളിൽ മാത്രമേ ഇതു ലഭിക്കുള്ളു എന്നോർക്കുക. അത് പ്രധാനമെങ്കിൽ "font-size:120%" എന്നതിനു പകരം നിന്നേക്കാവുന്ന എക്സ്.എച്ച്.റ്റി.എം.എൽ വിന്യാസമായ <big> എന്നോ "font-style:italic" എന്നതിനു പകരമായ വിക്കിവിന്യാസം ''ചെരിച്ചെഴുത്ത്'' എന്നോ ഉപയോഗിക്കുക.

ക്രമപ്പെടുത്തൽ (സോർട്ടിങ്)

class="sortable" എന്ന ക്ലാസ് ഉപയോഗിച്ച് പട്ടികകളെ ക്രമപ്പെടുത്താൻ സാധിക്കും, കൂടുതൽ വിവരങ്ങൾക്ക് സഹായം:ക്രമപ്പെടുത്തൽ(en:Help:Sorting) കാണുക. ഇത് വളരെ ഉപകാരപ്രദമായ ഒരു ധർമ്മം കൈകാര്യം ചെയ്യുന്നതുകൊണ്ട് ഉപയോഗിക്കുമ്പോൾ ഗുണങ്ങളും ദോഷങ്ങളും ശ്രദ്ധിക്കുവാൻ ശ്രമിക്കുക. ഉദാഹരണത്തിന്:

  • പല വരികളിൽ കിടക്കുന്ന ഉപതലക്കെട്ടുകളുള്ള രീതിയിൽ പട്ടികയെ വിഭജിക്കരുത്. പകരം ഒരു നിര കൂടി കൂട്ടിച്ചേർത്ത് ഓരോ വരിയിലേയും തലക്കെട്ടുകൾ ചുരുക്കി ഉൾപ്പെടുത്താവുന്ന വിധത്തിൽ നിരയുണ്ടാക്കാവുന്നതാണ്.
  • ഉള്ളടക്കം പല നിരകളിൽ കിടക്കുന്ന വിധത്തിൽ പട്ടിക സൃഷ്ടിക്കരുത്, വീണ്ടും പകരമായി കളങ്ങളിൽ വിവരങ്ങൽ ചുരുക്കി നൽകാവുന്നതാണ്
  • സംഖ്യകളുടെ ഒരു നിരയിൽ അക്ഷരങ്ങൾ ഇടകലർത്തി ഉപയോഗിക്കരുത്. അത് ശരിയായ ഫലം നൽകണമെന്നില്ല.

പട്ടികയിൽ ചുരുക്കരൂപങ്ങൾ ഉപയോഗിക്കുന്നുണ്ടെങ്കിൽ അത് പട്ടികയ്ക്ക് പുറത്ത് വിപുലമാക്കി നൽകുക.

വിക്കി വിന്യാസം

{| class="wikitable sortable"
|+ക്രമപ്പെടുത്താവുന്ന പട്ടിക
|-
! അക്ഷരം !! സംഖ്യ !! ദിനം !! class="unsortable" | ക്രമപ്പെടുത്തത്തില്ലാത്തത്
|-
| ക || 2 || 2008-11-24 || ഈ
|-
| പ || 8 || 2004-03-01 || നിരയിൽ
|-
| ട || 6 || 1979-07-23 || ക്രമപ്പെടുത്തൽ
|-
| ച || 4 || 1492-12-08 || അസാദ്ധ്യം
|-
| ത || 0 || 1601-08-13 || ആണ്.
|}

ബ്രൌസറിൽ ദൃശ്യമാവുന്ന വിധം

ക്രമപ്പെടുത്താവുന്ന പട്ടിക
അക്ഷരം സംഖ്യ ദിനം ക്രമപ്പെടുത്തത്തില്ലാത്തത്
2 2008-11-24
8 2004-03-01 നിരയിൽ
6 1979-07-23 ക്രമപ്പെടുത്തൽ
4 1492-12-08 അസാദ്ധ്യം
0 1601-08-13 ആണ്.


വരിക്കുള്ള ഫലകം

എച്ച്.റ്റി.എം.എല്ലോ, വിക്കിവിന്യാസമോ ഉപയോഗിച്ചുണ്ടാക്കുന്ന പട്ടികകളിൽ ചിലകാര്യങ്ങൾ പൊതുവായിട്ടുള്ളതായിരിക്കും ഉദാ:

  • പട്ടികയുടെ വരിയുടെ അടിസ്ഥാന കോഡ്
  • നിറത്തിനോ, സ്ഥാനത്തിനോ, ക്രമപ്പെടുത്തലിനോ ഉള്ള കോഡ്
  • ഏകകങ്ങൾ പോലെ മാറ്റമില്ലാത്ത കാര്യങ്ങൾ
  • പ്രത്യേകതരത്തിലുള്ള ക്രമപ്പെടുത്തലിനുള്ള മാർഗ്ഗരേഖകൾ

ഇത്തരം സന്ദർഭങ്ങളിൽ വിവരങ്ങൾ ചരങ്ങളായി നൽകുന്ന ഒരു ഫലകം ഉപയോഗിക്കുകയാണെങ്കിൽ അതേറെ ഉപകാരപ്രദമായിരിക്കും. എന്തുകൊണ്ടെന്നാൽ:

  • നിരകളുടെ ക്രമം മാറ്റാനോ നിര തന്നെ നീക്കം ചെയ്യാനോ എളുപ്പമായിരിക്കും.
  • ഒരു നിരയിലെ പല കളങ്ങളും ശൂന്യമെങ്കിൽ ഒരു പുതിയ നിര കൂട്ടിച്ചേർക്കാൻ എളുപ്പമായിരിക്കും.
  • മറ്റു സ്ഥലങ്ങളിൽ നിന്ന് എടുക്കുന്ന വിവരങ്ങളിൽ ഗണിതക്രിയ ആവശ്യമുണ്ടെങ്കിൽ, ഉദാ: ജനസംഖ്യ, വിസ്തീർണ്ണം എന്നിവ ഉപയോഗിച്ച് ജനസാന്ദ്രത കണ്ടുപിടിക്കൽ
  • ക്രമപ്പെടുത്തി കാണിക്കാനും അല്ലാതെ കാണിക്കാനുമായി വിവരങ്ങളുടെ പകർപ്പ് ആവശ്യമെങ്കിൽ
  • ഒരു നിരയുടെ മുഴുവൻ നിറവും ദൃശ്യസ്ഥാനവുമൊക്കെ നിർവചിക്കാൻ
{| class="wikitable sortable"
|-
! a
! b
! a/b
|}

ലഭിക്കുന്നത്:

a b a/b

സഹായം:Table/example row template സഹായം:Table/example row template സഹായം:Table/example row template

പട്ടികയിൽ വ്യവസ്ഥാധിഷ്ഠിതമായ വരി

പട്ടികയിൽ വ്യവസ്ഥാധിഷ്ഠിതമായ വരി വേണമെങ്കിൽ:

{| class=wikitable
  {{ #if:1|{{!}}-                     <!-- row one will be shown because the '1' evaulates to TRUE -->
             !  വരി one, നിര one 
           {{!}}വരി one, നിര two}} <!-- {{!}}'s get evaluated to the pipe character '|', i.e. template:! just contains '|' -->
  {{ #if: |{{!}}-                     <!-- വരി two NOT shown because the space between the ':' and the '|' evaluates to FALSE  -->
             !  വരി two, നിര one 
           {{!}}വരി two, നിര two}}
  |-                                  <!-- വരി three will be shown -->
             ! വരി three, നിര one
             | വരി three, നിര two
|}

താഴെ കാണുന്ന രൂപം നൽകുന്നു: (രണ്ടാം വരി കാണില്ലന്നതു ശ്രദ്ധിക്കുക)

വരി one, നിര one വരി one, നിര two
വരി three, നിര one വരി three, നിര two

പട്ടികയ്ക്കായുള്ള മറ്റു കോഡുകൾ

മീഡിയവിക്കി പിന്തുണയ്ക്കുന്ന മറ്റു കോഡുകൾ ഇവയാണ്:

  1. എക്സ്.എച്ച്.റ്റി.എം.എൽ (XHTML)
  2. HTML & wiki-<td> ലേഖനവ്യവസ്ഥ (ഉപയോഗിക്കരുത്)

ഇവമൂന്നും ഇപ്പോൾ മീഡിയവിക്കി പിന്തുണക്കുന്നുണ്ട്. എങ്കിലും ലംബവരകൾ ഉപയോഗിച്ചുള്ള എഴുത്താണ് എളുപ്പം HTML & wiki-<td> (അതായത്, ക്ലോസ് ചെയ്യാത്ത <td> , <tr> റ്റാഗുകൾ ഉപയോഗിക്കുന്നത്) ഭാവിയിൽ ഉപകരണങ്ങളിൽ അത്ര പ്രചാരത്തിൽ ഉണ്ടായിരിക്കില്ല എന്നുമോർക്കുക.

ഇവയും കാണുക: Table (HTML), HTML element#Tables. thead, tbody, tfoot, colgroup, and col തുടങ്ങിയവ മീഡിയവിക്കിയിലില്ലെന്നും ഓർക്കുക.

പട്ടിക ലേഖനവ്യവസ്ഥകൾ തമ്മിലുള്ള താരതമ്യം

 XHTML HTML & Wiki-td Wiki-pipe
Table <table></table> <table></table>
{|
|}
തലക്കുറി <caption>തലക്കുറി</caption> <caption>തലക്കുറി</caption>
|+ തലക്കുറി
വരി <tr></tr> <tr>
|-
കളത്തിലെ വിവരം

<td>കളം1</td>
<td>കളം2</td>

<td>കളം1
<td>കളം2

| കളം1
| കളം2
കളത്തിലെ വിവരം <td>കളം1</td> <td>കളം2</td> <td>കളം3</td> <td>കളം1 <td>കളം2 <td>കളം3
| കളം1 || കളം2 || കളം3
കളത്തിന്റെ തലക്കെട്ട് <th>തലക്കെട്ട്</th> <th>തലക്കെട്ട്
! തലക്കെട്ട്
ഉദാഹരണ പട്ടിക
1 2
3 4
<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td> 
      <td>4</td> 
   </tr>
</table>
<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
</table>
{| 
| 1 || 2
|- 
| 3 || 4
|}
ഉദാഹരണ പട്ടിക
1 2
3 4
5 6
<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td>
      <td>4</td>
   </tr>
   <tr>
      <td>5</td>
      <td>6</td>
   </tr>
</table>
<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
   <tr>
      <td> 5 <td> 6
</table>
{| 
| 1 || 2 
|- 
| 3 || 4 
|- 
| 5 || 6 
|}
ഗുണം
  • ഏതൊരു എക്സ്.എച്ച്.റ്റി.എം.എൽ എഡിറ്റർ ഉപയോഗിച്ചും പരിശോധിക്കുകയും പുതുക്കുകയും ചെയ്യാം
  • എളുപ്പം മാറ്റി എഴുതാം
  • ഏറെ പ്രസിദ്ധം
  • കോഡിങിൽ വരികളിൽ ശ്രദ്ധിക്കുന്നില്ല
  • "|" മുതലായവ ഇല്ലാത്തതിനാൽ ഫലകങ്ങളുമായും മറ്റും പ്രശ്നമുണ്ടാകില്ല
  • ഏതൊരു എക്സ്.എച്ച്.റ്റി.എം.എൽ എഡിറ്റർ ഉപയോഗിച്ചും പരിശോധിക്കുകയും പുതുക്കുകയും ചെയ്യാം
  • എളുപ്പം മാറ്റി എഴുതാം
  • ഏറെ പ്രസിദ്ധം
  • എക്സ്.എച്ച്.റ്റി.എം.എല്ലിനെ അപേക്ഷിച്ചു കുറച്ചു സ്ഥലം മതി
  • കോഡിങിൽ വരികളിൽ ശ്രദ്ധിക്കുന്നില്ല
  • "|" മുതലായവ ഇല്ലാത്തതിനാൽ ഫലകങ്ങളുമായും മറ്റും പ്രശ്നമുണ്ടാകില്ല


  • എഴുതാൻ എളുപ്പം
  • വായിക്കാൻ എളുപ്പം
  • സ്ഥലം കുറച്ചു മതി
ദോഷങ്ങൾ
  • മനസ്സുമടുപ്പിക്കും
  • വളരെ സ്ഥലമെടുക്കും
  • കോഡ് വായിച്ചു മനസ്സിലാക്കാൻ ബുദ്ധിമുട്ടാണ്
  • ഭാവിയിൽ പിന്തുണ ലഭിക്കാനിടയില്ല
  • പരിചിതമല്ലാത്ത രീതി
  • ഘടനയിലെ ലാളിത്യമില്ലായ്മ
  • കോഡ് വശത്തുനിന്നും ക്രമപ്പെടുത്തി എഴുതാൻ കഴിയില്ല
  • ആശ്ചര്യചിഹ്നവും, അധികചിഹ്നവും, ലംബവരയും എല്ലാമുള്ള ഇതു വായിക്കുന്നതിലും ചിലർക്ക് എളുപ്പം എച്ച്.റ്റി.എം.എൽ വായിക്കുന്നതാണ്
  • എച്ച്.റ്റി.എം.എൽ. റ്റാഗുകളിലേക്കുള്ള ഒരു കുറുക്കുവഴിമാത്രമാണിത്, എച്ച്.റ്റി.എം.എൽ അറിയില്ലാത്തവർക്ക് എളുപ്പമായി തോന്നാനിടയില്ല
  • പട്ടികയിൽ ഉൾപ്പെട്ട ഒരു ഫലകത്തിൽ ചരങ്ങൾ ഉണ്ടെങ്കിൽ "|"-നു വേണ്ടി Template:! ഉപയോഗിക്കണം.
  • പുതിയവരികളുടെ കാര്യത്തിൽ നിർബന്ധമുണ്ട്. അതുകൊണ്ട് ഫലകങ്ങളും ചരങ്ങളും ഒക്കെ ഉണ്ടെങ്കിൽ ചിലപ്പോൾ പ്രത്യേക മാർഗ്ഗങ്ങൾ കൈക്കൊള്ളേണ്ടി വന്നേക്കാം (w:Help:Newlines and spaces)
 XHTML HTML & Wiki-td Wiki-pipe

കാണുക w:Template talk:For#Tables.

ലംബവര ലേഖന വ്യവസ്ഥ സൃഷ്ടിക്കപ്പെടുന്ന എച്ച്.റ്റി.എം.എല്ലിൽ

മാഗ്നസ് മാൻസ്കേ എന്ന ഉപയോക്താവാണ് ലംബവര ലേഖനവ്യവസ്ഥ, എച്ച്.റ്റി.എം.എല്ലിനു പകരം ലംബവര (|) ഉപയോഗിക്കാനുള്ള മാർഗ്ഗം വികസിപ്പിച്ചത്. എച്ച്.റ്റി.എം.എൽ പട്ടികയെ ലംബവര പട്ടിക ആക്കാനുള്ള ഒരു സ്ക്രിപ്റ്റ് [ഇവിടെ ലഭ്യമാണ്

രണ്ട് കളങ്ങളെ വേർതിരിക്കാനുള്ള ഇരട്ട ലംബവരകൾ (||) ഒഴിച്ചുള്ള ലംബവരകൾ പുതിയൊരു വരിയിലായിരിക്കണം തുടങ്ങേണ്ടത്. ചരങ്ങൾ ആവശ്യമെങ്കിൽ ചേർക്കാവുന്നതാണ്.

പട്ടികകൾ

ഒരു പട്ടികയുടെ നിർവചിച്ചിരിക്കുന്നതിപ്രകാരമാണ് {| ''ചരങ്ങൾ'' |} അതിന്റെഫലം: <table ''ചരങ്ങൾ''> ഉള്ളടക്കം </table>

വരികൾ

<tr> റ്റാഗുകൾ ആദ്യവരിയിൽ സ്വതവേ നിർമ്മിക്കപ്പെടും. പട്ടികയിൽ പുതിയൊരു വരിക്കായി

|- 

ഉപയോഗിക്കുക അതിന്റെ ഫലം

<tr> 

എന്നായിരിക്കും

ചരങ്ങൾ ചേർക്കാൻ:

|- ചരങ്ങൾ

എന്നുപയോഗിക്കുക, അതിന്റെ ഫലം

<tr ചരങ്ങൾ>

ശ്രദ്ധിക്കുക:

  • <tr>റ്റാഗുകൾ <td> തുല്യമായി സ്വയം തുറക്കുന്നതായിരിക്കും
  • <tr>റ്റാഗുകൾ <td> തുല്യമായി സ്വയം അടയ്ക്കുന്നതായിരിക്കും

കളങ്ങൾ

കളങ്ങൾ സൃഷ്ടിക്കാൻ:

|കളം1
|കളം2
|കളം3

എന്നുപയോഗിക്കുക, അല്ലങ്കിൽ

|കളം1||കളം2||കളം3

രണ്ടും തുല്യമാണ്

<td>കളം1</td><td>കളം2</td><td>കളം3</td>

അതുകൊണ്ട് "||" , "പുതിയവരിയിൽ" + "|" എന്നിവ തുല്യമാണ്

കളങ്ങളിൽ ചരങ്ങൾക്കായി:

|ചരങ്ങൾ|കളം1||ചരങ്ങൾ|കളം2||ചരങ്ങൾ|കളം3

അതിന്റെ ഫലം

<td ചരങ്ങൾ>കളം1</td>
<td ചരങ്ങൾ>കളം2</td>
<td ചരങ്ങൾ>കളം3</td>

തലക്കെട്ടുകൾ

TD ഉണ്ടായ അതേ പ്രവർത്തനം തന്നെയാണ് തലക്കെട്ടുകൾക്കും, തുറക്കാനായി "|" എന്നതിനു പകരം "!" എന്നുപയോഗിക്കുക. "||" എന്നരീതിയിൽ വേണമെങ്കിൽ "!!" എന്നുപയോഗിക്കുക. ചരങ്ങൾ ഇവിടേയും ഒറ്റലംബവരയ്ക്കു "|" ശേഷം നൽകുക

!ചരങ്ങൾ|കളം1

പട്ടികയുടെ തലക്കെട്ട്

<പട്ടികതലക്കെട്ട്> റ്റാഗ് സൃഷ്ടിക്കാൻ ഇപ്രകാരം നൽകാം

|+ പട്ടികതലക്കെട്ട് 

സൃഷ്ടിക്കുന്ന ഫലം

<caption>പട്ടികതലക്കെട്ട്</caption>

ചരങ്ങൾ ഉണ്ടെങ്കിൽ:

|+ ചരങ്ങൾ|പട്ടികതലക്കെട്ട്

സൃഷ്ടിക്കുന്ന ഫലം

<caption ചരങ്ങൾ>പട്ടികതലക്കെട്ട്</caption>

ഒരു പട്ടികയുടെ കോഡിന്റെ നിർമ്മാണം

ഒരു പട്ടികയുടെ ലളിതമായ വിക്കി വിന്യാസം ഒരു പെട്ടിയുടെ ഉള്ളിൽ കാണാൻ.

{| border="5" cellspacing="5" cellpadding="2"
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
! കമ്പ്യൂട്ടർ
|-
| പ്രോസസർ വേഗത: 1.8 GHz
|}

മുകളിലെ കോഡിങിൽ താഴെ കാണുന്ന പട്ടികയുടെ വിന്യാസമാണുള്ളത്:

പ്രമാണം:Gnome-system.png
കമ്പ്യൂട്ടർ
പ്രോസസർ വേഗത: 1.8 GHz

താഴെ കാണുന്ന വിക്കിവിന്യാസം നീലനിറത്തിൽ സീമയുള്ള ചതുരപ്പെട്ടിയ്ക്കുള്ളിൽ കോഡ് കാട്ടിത്തരും

 
<pre>
{| border="5" cellspacing="5" cellpadding="2"
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
! കമ്പ്യൂട്ടർ
|-
| പ്രോസസർ വേഗത: 1.8 GHz
|}
</pre>
 

നീലനിറത്തിലുള്ള സീമയുള്ള ചതുരപ്പെട്ടി നിർമ്മിക്കാൻ

 എന്ന എച്ച്.റ്റി.എം.എൽ. റ്റാഗ് ഉപയോഗിച്ചിരിക്കുന്നതു ശ്രദ്ധിക്കുക.

പട്ടികയുടെ വിക്കിവിന്യാസം പ്രദർശിപ്പിക്കാനുള്ള മറ്റുവഴികൾ

പലപ്പോഴും വെബ് ബ്രൌസറിനുള്ളിൽ പ്രദർശിപ്പിക്കുന്ന പട്ടികയുടെ വിക്കിവിന്യാസത്തിന്റെ വരികളുടെ നീളം വലിയതാവുകയും താഴെയായി സ്ക്രോളിങ് ബാർ പ്രത്യക്ഷപ്പെടുകയും, വരി മുഴുവൻ വായിക്കണമെങ്കിൽ (ഇടത്തു വശത്തുള്ള സ്ക്രോൾ ബാറിനൊപ്പം) താഴെയുള്ള സ്കോൾ ബാർ വലിക്കേണ്ടി വരികയും ചെയ്യും. കാരണം
 റ്റാഗിന്റെ ഉപയോഗം വരികളെ യാതൊരു മാറ്റവുമില്ലാതെ കാണിക്കുന്നു. വരികൾ അടുത്ത വരിയിലേക്ക് മുറിച്ചു മുറിച്ചു ചേർത്തോ 

, , <br /> എന്ന റ്റാഗുകൾ

 റ്റാഗിനു പകരം ചേർത്തോ പ്രശ്നം പരിഹരിക്കാവുന്നതാണ്. ... തുടങ്ങിയ റ്റാഗുകൾക്കുള്ളിൽ വിക്കിവിന്യാസം ചേർക്കുന്നത് ഫിക്സഡ് വിഡ്ത്തിൽ  കാണാനും അതുകൊണ്ട് എളുപ്പം വായിക്കാനും സഹായിക്കും. <br /> റ്റാഗ് ഉപയോഗിക്കുന്നത് പുതിയ വരിയിലേക്ക് എഴുത്തു വരാനും കാരണമാകും. 

റ്റാഗ് സി.എസ്.എസ്. സ്റ്റൈലുകളോടൊപ്പം ചേർക്കുന്നത് നീല സീമയുള്ള പെട്ടി ലഭിക്കാൻ സഹായിക്കും ഒരു ഉദാഹരണം താഴെ:

{| border="5" cellspacing="5" cellpadding="2"
| style="text-align: center;" | [[Image:gnome-system.png]]
|-
! കമ്പ്യൂട്ടർ
|-
| style="color: yellow; background-color: green;" | പ്രോസസർ വേഗത: <span style="color: white;"> 1.8 GHz </span>
|}

താഴെ കാണുന്ന പട്ടിക സൃഷ്ടിക്കും:
പ്രമാണം:Gnome-system.png
കമ്പ്യൂട്ടർ
പ്രോസസർ വേഗത: 1.8 GHz
വിന്യാസങ്ങൾ കാണിക്കുന്ന മുകളിലെ പെട്ടിയിൽ വരികൾ മുറിച്ചുകാണിക്കാനുള്ള ശൈലി ചേർത്തിരിക്കുന്നു. വിന്യാസത്തിലെ വലിയ വരി (മുകളിൽ നിന്നും ആറാമത്തേത്) “വിന്യാസപ്പെട്ടിയിൽ” മുറിച്ചു കാണിച്ചിരിക്കുന്നതു കാണുക. ഈ വിന്യാസപ്പെട്ടിയും വിന്യാസവും തിരുത്തലിടത്തിൽ താഴെ കൊടുത്തിരിക്കുന്നതു പ്രകാരമായിരിക്കും.

<p style="padding: 1em; border: 1px dashed #2f6fab; color: Black; background-color: #f9f9f9; line-height: 1.1em;"> <tt>
<nowiki>{|</nowiki> border="5" cellspacing="5" cellpadding="2" <br />
| style="text-align: center;" | <nowiki>[[</nowiki>Image:gnome-system.png]] <br />
|- <br />
! കമ്പ്യൂട്ടർ <br />
|- <br />
| style="color: yellow; background-color: green;" | പ്രോസസർ വേഗത: <nowiki><span style="color: white;"></nowiki> 1.8 GHz <nowiki></span></nowiki> <br />
<nowiki>|}</nowiki> <br />
</tt> </p>

മുകളിൽ കാണുന്ന വിന്യാസം ശ്രദ്ധിക്കുക, </tt>...<tt> റ്റാഗുകൾ ഉപയോഗിച്ച് പട്ടിക തുറക്കാനും ({|), അടയ്ക്കാനുമുള്ള വിന്യാസങ്ങൾ (|}) ചിത്രത്തിന്റെ പ്രദർശനം ([[), കണ്ണി, മുതലായവ പ്രവർത്തനരഹിതമാക്കിയിരിക്കുന്നു, . എല്ലാ വിക്കി, എച്ച്.റ്റി.എം.എൽ വിന്യാസങ്ങളും </tt>...<tt> റ്റാഗുകൾക്കുള്ളിൽ ചേർത്ത് പ്രവർത്തനരഹിതമാക്കേണ്ടതാണ്. ഈ വിന്യാസങ്ങൾ മറ്റൊരു പട്ടികയ്ക്കുള്ളിലാണങ്കിൽ | (ലംബ വര), ! (ആശ്ചര്യചിഹ്നം) തുടങ്ങിയവയും </tt>റ്റാഗിനുള്ളിലായിരിക്കണം . വിന്യാസപ്പെട്ടിയ്ക്കുള്ളിലെ കോഡ് ബ്രൌസർ കാണുന്ന വീതിക്കുള്ളിലേക്ക് സ്വയം മുറിച്ചു കാണിച്ചുകൊള്ളും. ഏതൊരു '''|''' ([[w:Vertical bar|ലംബ വര]]) അക്ഷരരൂപത്തിനും <tt>'''&#124;'''</tt> (HTML decimal entity code) ഉപയോഗിക്കാം, എല്ലാ '''!''' ([[w:Exclamation mark|ആശ്ചര്യചിഹ്നത്തിനു]]) പകരം <tt>'''&#33;'''</tt> ഉപയോഗിക്കാം, '''{''' (വളയൻ ബ്രാക്കറ്റ്)നായി <tt>'''&#123;'''</tt> ഉപയോഗിക്കാവുന്നതാണ്. അതേപോലെ '''}''' നു പകരമായി <tt>'''&#125;'''</tt> ഉൾപ്പെടുത്താം. '''<''' എന്നതിനു പകരം <tt>'''&#60;'''</tt> h <tt>'''&lt;'''</tt> ഉപയോഗിക്കാം. ഇത്തരത്തിൽ ഡെസിമലോ [[w:Hexadecimal|ഹെക്സാഡെസിമലോ]] ആയ കോഡുകൾക്കായി, [[w:Windows Alt codes|ഈ താൾ കാണുക]]. ഒരു വിക്കിചിത്രത്തിന്റെയും വിക്കിവിന്യാസം കാട്ടാനായി ചതുരബ്രാക്കറ്റ് '''[''' കാണിക്കാൻ <tt>'''&#91;'''</tt> ഉപയോഗിക്കാം. ''']''' കാണാനായി <tt>'''&#93;'''</tt> ഉപയോഗിക്കാവുന്നതാണ്. ഇത്തരത്തിലുള്ള കോഡുകൾ ഉപയോഗിക്കുമ്പോൾ നാം അവയുടെ ശരിക്കുമുള്ള പ്രവർത്തനം സാദ്ധ്യമല്ലാതെയാക്കുന്നു, അതുകൊണ്ട് അവ താളുകളിൽ ദൃശ്യമാവുകയും ചെയ്യുന്നു. {| border="0" width="100%" | സംഖ്യാവിന്യാസമുപയോഗിച്ച് എഴുതുമ്പോൾ “വിന്യാസപ്പെട്ടി” മറ്റൊരു വിധത്തിൽ ദൃശ്യമാകുന്നു, വലിയ വരികൾ വെബ് ബ്രൌസറിന്റെ വീതിക്കനുസരിച്ച് സ്വയം മുറിച്ച് കാണിക്കുന്നതു ശ്രദ്ധിക്കുക |    | width="33%" | <center> {| border="5" cellspacing="5" cellpadding="2" | style="text-align: center;" | [[Image:gnome-system.png]] |- ! കമ്പ്യൂട്ടർ |- | style="color: yellow; background-color: green;" | പ്രോസസർ വേഗത: <span style="color: white;"> 1.8 GHz </span> |} </center> |} <p style="padding: 1em; border: 1px dashed #2f6fab; color: Black; background-color: #f9f9f9; line-height: 1.1em;"> <tt> <p style="padding: 1em; border: 1px dashed #2f6fab; color: Black; background-color: #f9f9f9; line-height: 1.1em;"> <tt> <br /> &#123;&#124; border="5" cellspacing="5" cellpadding="2" <br /> <br /> &#124; style="text-align: center;" &#124; &#91;&#91;Image:gnome-system.png]] <br /> <br /> &#124;- <br /> <br /> &#33; കമ്പ്യൂട്ടർ <br /> <br /> &#124;- <br /> <br /> '''&#124; style="color: yellow; background-color: green;" &#124; പ്രോസസർ വേഗത: &#60;span style="color: red;"> 1.8 GHz &#60;/span> <br />''' <br /> &#124;&#125; <br /> <br /> </tt> </p> </tt> </p> ഇതും കാണുക [[:W:Help:Advanced_editing#Disabling_wikitext_interpretation_and.2For_reformatting|വിക്കിവിന്യാസം പ്രവർത്തിക്കാതെ കാണാൻ]]. ==ചതുര മോണിറ്ററുകൾ== വീതിയേറിയ കമ്പ്യൂട്ടർ മോണിറ്ററുകളിൽ കാണാനായി സൃഷ്ടിച്ച ഗാലറികളോ ചിത്രങ്ങളോ ചതുരത്തിലുള്ള മോണിറ്ററുകളിലെ ദൃശ്യത്തെ വികലമാക്കും, ഓരോ വരിയും താളിന്റെ കാണാവുന്ന ഭാഗത്തിന്റെ പുറത്തേക്ക് വ്യാപിച്ചു കിടക്കാനിടയുണ്ട്. താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് അത്തരമൊരു സാധ്യതയെ ഒഴിവാക്കുന്നു ഇപ്രകാരം ഉപയോഗിക്കുക: <blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em; width:88%;"> <code> <nowiki><center>
{| border="0" style="background:transparent;"
|-
|
[[Image:Some_window_blinds.JPG|192px x 155px|thumb|left|വിവിധ വിൻഡോ ഷേഡുകൾ]]
||
[[Image:Vert-blinds-2145-rs.jpg|192px x 170px|thumb|left|വിലങ്ങനെയുള്ള മറവുകൾ]]
||
[[Image:Gardine.jpg|192px x 155px|thumb|left|ഇതൊരു മറവല്ല]]
|}
</center>
<br />
<center>
{| border="0" style="background:transparent;"
|-
|
[[Image:Vorhang.jpg|192px x 155px|thumb|left|കട്ടിയുള്ള ഷേഡ്]]
||
[[Image:Jalousie-1.jpg|328px x 55px|thumb|left|കുറുകെയുള്ള മറവുകൾ]]
|}
</center>
<br />
<center>
{| border="0" style="background:transparent;"
|-
|
[[Image:Some_window_blinds.JPG|225px|thumb|left|ഷേഡ്, ഷട്ടർ, വിലങ്ങനെയും കുറുകനെയുമുള്ള മറവുകൾ.]]
||
[[Image:Miniblinds detail of mechanism.jpg|418px|thumb|left|മറവ് ചെറുമറവുകളുമായി ചേർന്നു നിൽക്കുമ്പോൾ]]
|}
</center> For this:
പ്രമാണം:Some window blinds.JPG
വിവിധ വിൻഡോ ഷേഡുകൾ
പ്രമാണം:Vert-blinds-2145-rs.jpg
വിലങ്ങനെയുള്ള മറവുകൾ
പ്രമാണം:Gardine.jpg
ഇതൊരു മറവല്ല

പ്രമാണം:Vorhang.jpg
കട്ടിയുള്ള ഷേഡ്
പ്രമാണം:Jalousie-1.jpg
കുറുകെയുള്ള മറവുകൾ

പ്രമാണം:Some window blinds.JPG
ഷേഡ്, ഷട്ടർ, വിലങ്ങനെയും കുറുകനെയുമുള്ള മറവുകൾ.
പ്രമാണം:Miniblinds detail of mechanism.jpg
മറവ് ചെറുമറവുകളുമായി ചേർന്നു നിൽക്കുമ്പോൾ
"https://schoolwiki.in/index.php?title=സഹായം:പട്ടികകൾ&oldid=1056134" എന്ന താളിൽനിന്ന് ശേഖരിച്ചത്