How to Create a Navbox

What are Navboxes?
Navboxes are nothing more than a table saved as a template. Navboxes are usually at the bottom of the article and usually only contain links to topics or locations. See the example at the bottom of this article.

How to create a Navbox
Again an Navbox 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 or HTML Programming. Neither of these programming languages are difficult.

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 fewer problems as you will see.
 * We will be creating a navbox as shown below.
 * It does not look like much because you still have fill it in with the links or other information that you may want to display for your readers.

Create the table

 * The coding is scrunched up so let us spread it out a bit and break down the table coding.
 * First step is to create the table that will become part of the template:


 * Notice the table width is set at 100%.
 * Second, the code for the border. You can make anything you want.
 * Third, the "border-collaspe" coding is for creating a 5 pixel space between the cells of the table. Notice the two lines of code for this attribute.

Coding for title

 * This navbox has two columns. The first is for the group name such as Topic, Counties, Repositories, etc.
 * The second column is for the items under the group title.
 * Therefore the title has to span the two columns, hence the "colspan="2".
 * In addition, the title is centered and given a background color.

Meaning of each line of the code

 * Since navboxes usually extend from one side to the other, we have set the width for our navbox to 100%.
 * We have installed a 1 pixel solid blue line around our navbox.
 * "border-collaspe:separate; border-spacing:5px means we are placing a 5 pixel space between the boxes in the template. See Cell Separation for more details.
 * The title of the navbox has to extend both columns of the navbox so that is coded with the colspan="2" code.
 * When you save your navbox be sure include the word "navbox" in the title so people will know what kind of template it is for example:.

Step Two - Create the template
User:Ccsmith/sandbox/navbox
 * Since there is only one way to create a template in the Wiki, we will only show the Wikitext coding: