How to Create an Infobox: Difference between revisions

How to Create an Infobox (view source)

7 bytes added , 10 September 2014

m

82,369

edits

@@ Line 6: / Line 6: @@
-====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 table in HTML as there few problems as you will see.
-However there is one minor difference: the table has a classification in its title, like so in Wikitext and HTML:
+So let us create a infobox for an organization:
-::<nowiki>{| class=infobox .............. |}</nowiki> or in HTML
-::<nowiki><table class=infobox>.........</table></nowiki>
-So let us create a infobox for an organization.  We will do it both in Wikitext and HTML.
 <table style="width:99%; border:1px solid blue; ">
 <tr>
@@ Line 24: / Line 20: @@
 </tr>
 </table>
+Again, if you are familiar with Wikitext or HTML programming, you should notice following the table tag this coding: class="infobox".  This is the magic word which tells the browser that a infobox is going to be created.
 Next we want to give the infobox some style considerations such as width, borders, padding, font size, and maybe background color:
 <table style="width:99%; border:1px solid blue; ">
@@ Line 35: / Line 33: @@
 </tr>
 </table>
+You can see in the coding the styles we have given our infobox.