Help:Wiki University HTML--Navboxes

MAIN PAGE

WIKI

WIKITEXT

HTML/CSS

FAMILY HISTORY CENTERS

VISUAL EDITOR

Lessons

1. HOME
2. Introduction
3. Headers
4. Lists
5. Nesting Lists
6. Comments
7. Paragraphs
8. Fonts - Changing
9. Font Size
10. Font Colors
11. Font Bold-Italics
12. Padding
13. Margins
14. Borders
15. Width and Height
16. Alignment
17. Tables
18. Tables - Borders
19. Tables - Widths
20. Tables - Captions
21. Tables - Col Labels
22. Tables - Cells
23. Tables - Rows
24. Tables - Placement
25. Tables - Sorting
26. Tables - Scrolling
27. Tables - Col Only
28. Tables - Col Spans
29. Tables - Row Spans
30. Infobox - Creating
31. Infobox - Placing
32. Infobox - If function
33. Sidebars
34. Navboxes
35. Position - Relative
36. Position - Absolute
37. Misc

---

Flexbox/CSS Grid

1. Flexbox Training

Additional Helps

• Common Wiki Fixes
• Wiki Tips
• Wiki Support Reading List

<< Previous Chapter

Next Chapter >>

WHAT IS A NAVBOX

• They are very much like sidebars, only they are usually spread across the bottom of the page. Here is an example from the Adair County, Missouri Genealogy page.

• You will notice on this county page that a sidebar is not used. The topic information is in the Navbox instead. This is fine if you think it is a better option than a sidebar.
• Basically a navbox is used for links that may not be of immediate interest like we see on a sidebar, but give options for other places to look.

TYPICAL NAVBOX

• First section - items you would might find in a sidebar.
• Second section - internal links to pages for other counties in the state.
• Third section - internal links to pages of extinct county pages.
• Fourth section - internal links to pages outlining what is available in the major repositories in the state.
• Fifth section - internal links to pages discussing migration routes going through the state.

These are NOT required sections for a navbox. They can contain whatever subjects you like. This is just an example of one.

HOW TO CREATE A NAVBOX

• The navbox above is a table.
• First row is the title of the navbox. It is centered and spans the two columns that follow.
• First column is the title of the items in the adjacent cells.
• Second column is the links or whatever material is to be displayed.
• There are background colors in the cells.

Let's make one like the one above but use less material:

Here is the coding:

<table style="width:100%; border:1px solid black; border-spacing:5px; "
<tr>
<td colspan="2" style="background-color:lightgray; text-align:center">Links to '''[[Missouri Genealogy]]'''- related articles</td>
</tr>
<tr>
<td style="background-color:lightgray; width:20% ; vertical-align:middle"> Topics</td>
<td style="background-color:lightblue">[[African-American Resources for Missouri|African Americans]] {{·}} [[Indians of Missouri|American Indians]] {{·}} [[Missouri Archives and Libraries|Archives and Libraries]] {{·}} [[Missouri Bible Records|Bible Records]] {{·}} [[Missouri Biography|Biography]]
</tr>
<tr>
<td style="background-color:lightgray; width:20% ; vertical-align:middle"> Counties</td>
<td style="background-color:lightblue">[[Adair County, Missouri Genealogy|Adair]] {{·}} [[Andrew County, Missouri Genealogy|Andrew]] {{·}} [[Atchison County, Missouri Genealogy|Atchison]] {{·}} [[Audrain County, Missouri Genealogy|Audrain]] {{·}} [[Barry County, Missouri Genealogy|Barry]] {{·}} [[Barton County, Missouri Genealogy|Barton]]</td>
</tr>
</table>

All this wikitext and inline styling should be familiar to you except for some new templates we have introduced

SAVING THE NAVBOX

• This table is saved like a normal template.
• Please use the word "navbox" in the name you use to save the navbox.

PLACING THE NAVBOX

• It is placed just like any other template.
• If there are any parameters, they need to be included in the coding for the template.
• The above made up navbox would have the placement coding of:
  

{{Sample navbox

| State =

}}

TRY THESE OUT . . . .

Exercises

• Create a navbox using the above format.
• For topics use the first 5 topics from the Germany_Genealogy page.
• For Counties use the first 5 counties from the Anhalt_-_Herzogtum_(duchy) navbox at the bottom of the page.
• Change the parameter to country.

Check your answers

Quick Quiz

• Navboxes should not include items that could be in a sidebar.

A. True

B. False

• Navboxes are usually placed at the top of the page.

A. True

B. False

• Navboxes are limited to less than 200 pixels in width.

A. True

B. False

Check your answers

<< Previous Chapter

Next Chapter >>