Interface administrators, smwadministrator, smwcurator, smweditor
82,369
edits
m
→Step One - Create the table
mNo edit summary |
|||
| Line 13: | Line 13: | ||
Again an infobox is a table. If you know how to create tables in Wikitext or HTML, it is not difficult. If you do not know Wikitext or HTLM, you will probably need someone who does to help you. If you would like to learn these two programs, see [[Wikitext - Lesson One|Wikitext]] or [[HTML and Wikitext - Lesson One|HTML Programming]]. Neither of these programming languages are difficult. | Again an infobox is a table. If you know how to create tables in Wikitext or HTML, it is not difficult. If you do not know Wikitext or HTLM, you will probably need someone who does to help you. If you would like to learn these two programs, see [[Wikitext - Lesson One|Wikitext]] or [[HTML and Wikitext - Lesson One|HTML Programming]]. Neither of these programming languages are difficult. | ||
====Step One - Create the table==== | ====Step One - Create the table==== | ||
*We are going to assume you know a little Wikitext and HTML in this tutorial. We will begin by creating a simple table. The coding will be displayed in both Wikitext and HTML side by side so can see the difference. It is recommended that you create infobox tables in HTML as there few problems as you will see. | *We are going to assume you know a little Wikitext and HTML in this tutorial. We will begin by creating a simple table. The coding will be displayed in both Wikitext and HTML side by side so can see the difference. | ||
*For this lesson, we have set the width to 200 pixels. It could be any width, but infoboxes are usually kept thin and about 200 pixels is about right. | |||
*It is recommended that you create infobox tables in HTML as there few problems as you will see. | |||
*We will be creating an infobox as shown above. Wikitext and HTML will be displayed side by side so you can see the difference between them. So let us create a infobox for an organization: | *We will be creating an infobox as shown above. Wikitext and HTML will be displayed side by side so you can see the difference between them. So let us create a infobox for an organization: | ||
<table style="border:1px solid blue; "> | <table style="border:1px solid blue; "> | ||
| Line 22: | Line 24: | ||
<tr> | <tr> | ||
<td style="width:50%; border:1px solid blue; "> | <td style="width:50%; border:1px solid blue; "> | ||
<nowiki>{| class="infobox"</nowiki> <br> | <nowiki>{| class="infobox"</nowiki> style="width:200px;"| <br> | ||
<nowiki>|-</nowiki><br> | <nowiki>|-</nowiki><br> | ||
<nowiki>|colspan="2"|organization</nowiki><br><br> | <nowiki>|colspan="2"|organization</nowiki><br><br> | ||
| Line 43: | Line 45: | ||
<td style="width:50%; border:1px solid blue; "> | <td style="width:50%; border:1px solid blue; "> | ||
<nowiki><table class="infobox"></nowiki><br> | <nowiki><table class="infobox" style="width:200px;"></nowiki><br> | ||
<nowiki><tr></nowiki><br> | <nowiki><tr></nowiki><br> | ||
<nowiki><td colspan="2"></nowiki>organization<nowiki></td></nowiki><br> | <nowiki><td colspan="2"></nowiki>organization<nowiki></td></nowiki><br> | ||
| Line 82: | Line 84: | ||
<tr> | <tr> | ||
<td style="width:50%; border:1px solid blue; "> | <td style="width:50%; border:1px solid blue; "> | ||
<nowiki>{| class="infobox"</nowiki> <br> | <nowiki>{| class="infobox" style="width:200px; "|</nowiki> <br> | ||
<font color="red"><nowiki>{{{!}}}-</nowiki></font color><br> | <font color="red"><nowiki>{{{!}}}-</nowiki></font color><br> | ||
<font color="red"><nowiki>{{{!}}}</nowiki></font color>colspan="2"<font color="red"><nowiki>{{{!}}}</nowiki></font color>organization<br> | <font color="red"><nowiki>{{{!}}}</nowiki></font color>colspan="2"<font color="red"><nowiki>{{{!}}}</nowiki></font color>organization<br> | ||
| Line 103: | Line 105: | ||
<td style="width:50%; border:1px solid blue; "> | <td style="width:50%; border:1px solid blue; "> | ||
<nowiki><table class="infobox"></nowiki><br> | <nowiki><table class="infobox" style="width:200px; "></nowiki><br> | ||
<nowiki><tr></nowiki><br> | <nowiki><tr></nowiki><br> | ||
<nowiki><td colspan="2"></nowiki>organization<nowiki></td></nowiki><br> | <nowiki><td colspan="2"></nowiki>organization<nowiki></td></nowiki><br> | ||