Interface administrators, smwadministrator, smwcurator, smweditor
82,369
edits
m
→Step One - Create the table
| Line 10: | Line 10: | ||
*It is recommended that you create infobox tables in HTML as there fewer problems as you will see. | *It is recommended that you create infobox tables in HTML as there fewer problems as you will see. | ||
*We will be creating a navbox as shown below. | *We will be creating a navbox as shown below. | ||
<table> | |||
<tr> | |||
<td> | |||
<nowiki><table style="width:100%; border:1px solid blue; background-color:{{{navbox background color}}}; border-collaspe:separate; border-spacing:5px; "></nowiki><br> | <nowiki><table style="width:100%; border:1px solid blue; background-color:{{{navbox background color}}}; border-collaspe:separate; border-spacing:5px; "></nowiki><br> | ||
<nowiki><tr></nowiki><br> | <nowiki><tr></nowiki><br> | ||
| Line 24: | Line 26: | ||
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} {{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} {{#if:{{{group title1-item3|}}}{{·}}|{{{group title1-item3}}}{{·}}|}} {{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} {{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}} {{#if:{{{group title1-item6|}}}|{{{group title1-item6}}}{{·}}|}} {{#if:{{{group title1-item7|}}}|{{{group title1-item7}}}{{·}}|}} {{#if:{{{group title1-item8|}}}|{{{group title1-item8}}}{{·}}|}} {{#if:{{{group title1-item9|}}}|{{{group title1-item9}}}{{·}}|}} {{#if:{{{group title1-item10|}}}|{{{group title1-item10}}}{{·}}|}} {{#if:{{{group title1-item11|}}}|{{{group title1-item11}}}{{·}}|}} {{#if:{{{group title1-item12|}}}|{{{group title1-item12}}}{{·}}|}} {{#if:{{{group title1-item13|}}}|{{{group title1-item13}}}{{·}}|}} {{#if:{{{group title1-item14|}}}|{{{group title1-item14}}}{{·}}|}} {{#if:{{{group title1-item15|}}}|{{{group title1-item15}}}{{·}}|}} {{#if:{{{group title1-item16|}}}|{{{group title1-item16}}}{{·}}|}} {{#if:{{{group title1-item17|}}}|{{{group title1-item17}}}{{·}}|}} {{#if:{{{group title1-item18|}}}|{{{group title1-item18}}}{{·}}|}} {{#if:{{{group title1-item19|}}}|{{{group title1-item19}}}{{·}}|}} {{#if:{{{group title1-item20|}}}|{{{group title1-item20}}}{{·}}|}}|}}</nowiki><br> | {{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} {{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} {{#if:{{{group title1-item3|}}}{{·}}|{{{group title1-item3}}}{{·}}|}} {{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} {{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}} {{#if:{{{group title1-item6|}}}|{{{group title1-item6}}}{{·}}|}} {{#if:{{{group title1-item7|}}}|{{{group title1-item7}}}{{·}}|}} {{#if:{{{group title1-item8|}}}|{{{group title1-item8}}}{{·}}|}} {{#if:{{{group title1-item9|}}}|{{{group title1-item9}}}{{·}}|}} {{#if:{{{group title1-item10|}}}|{{{group title1-item10}}}{{·}}|}} {{#if:{{{group title1-item11|}}}|{{{group title1-item11}}}{{·}}|}} {{#if:{{{group title1-item12|}}}|{{{group title1-item12}}}{{·}}|}} {{#if:{{{group title1-item13|}}}|{{{group title1-item13}}}{{·}}|}} {{#if:{{{group title1-item14|}}}|{{{group title1-item14}}}{{·}}|}} {{#if:{{{group title1-item15|}}}|{{{group title1-item15}}}{{·}}|}} {{#if:{{{group title1-item16|}}}|{{{group title1-item16}}}{{·}}|}} {{#if:{{{group title1-item17|}}}|{{{group title1-item17}}}{{·}}|}} {{#if:{{{group title1-item18|}}}|{{{group title1-item18}}}{{·}}|}} {{#if:{{{group title1-item19|}}}|{{{group title1-item19}}}{{·}}|}} {{#if:{{{group title1-item20|}}}|{{{group title1-item20}}}{{·}}|}}|}}</nowiki><br> | ||
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}| | <nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}| | ||
</td><td> | |||
<td style="text-align:right; width:15%; background-color:{{{left column background color}}}; ">'''{{{group title1}}}'''|}}</td></nowiki><br> | <td style="text-align:right; width:15%; background-color:{{{left column background color}}}; ">'''{{{group title1}}}'''|}}</td></nowiki><br> | ||
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}| | <nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}| | ||
| Line 30: | Line 33: | ||
<nowiki></tr></nowiki><br> | <nowiki></tr></nowiki><br> | ||
<nowiki></table></nowiki><br> | <nowiki></table></nowiki><br> | ||
</td></tr></table> | |||
*Now pay close attention to the table tags. You should notice this coding: <font color="red"><nowiki>class="infobox"</nowiki></font color> in the table tag . This code tells the browser that a infobox is being created and to place it on the right hand side of the article. | *Now pay close attention to the table tags. You should notice this coding: <font color="red"><nowiki>class="infobox"</nowiki></font color> in the table tag . This code tells the browser that a infobox is being created and to place it on the right hand side of the article. | ||