How to Create a Navbox: Difference between revisions

m
Line 24: Line 24:
</table>
</table>
*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.
*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.
*Here is the coding in HTML and Wikitext for the above Navbox:
====Here is the coding in HTML and Wikitext for the above Navbox:====
<table style="border:1px solid black; width:100%; ">
<table style="border:1px solid black; width:100%; ">
<tr>
<tr>
Line 62: Line 62:
*Since navboxes usually extend from one side to the other, we have set the width for our navbox to 100%.   
*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.
*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 [https://familysearch.org/learn/wiki/en/HTML_and_Wikitext_-_Lesson_Three#Cell_separation|Collaspe Separation] for more details.
*"border-collaspe:separate; border-spacing:5px means we are placing a 5 pixel space between the boxes in the template.  See [[https://familysearch.org/learn/wiki/en/HTML_and_Wikitext_-_Lesson_Three#Cell_separation|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.
*The title of the navbox has to extend both columns of the navbox so that is coded with the colspan="2" code.
*Since the name of the organization and the image will extend over the two columns which contain the information about the organization we will install <font color="red">colspan="2"</font color> in the organization and image coding.
*Since the name of the organization and the image will extend over the two columns which contain the information about the organization we will install <font color="red">colspan="2"</font color> in the organization and image coding.
Interface administrators, smwadministrator, smwcurator, smweditor
82,369

edits