Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki)
82,369
edits
Line 15: | Line 15: | ||
<tr> | <tr> | ||
<td style="width:50%; border:1px solid blue; "> | <td style="width:50%; border:1px solid blue; "> | ||
<nowiki>{|</nowiki> <br> | <nowiki>{| class="infobox"|</nowiki> <br> | ||
<nowiki>|-</nowiki><br> | <nowiki>|-</nowiki><br> | ||
<nowiki>|President:</nowiki><br> | <nowiki>|President:</nowiki><br> | ||
Line 32: | Line 32: | ||
<td style="width:50%; border:1px solid blue; "> | <td style="width:50%; border:1px solid blue; "> | ||
<nowiki><table></nowiki><br> | <nowiki><table class="infobox"></nowiki><br> | ||
<nowiki><tr></nowiki><br> | <nowiki><tr></nowiki><br> | ||
<nowiki><td></nowiki>President:<nowiki></td></nowiki><br> | <nowiki><td></nowiki>President:<nowiki></td></nowiki><br> | ||
Line 54: | Line 54: | ||
</table> | </table> | ||
As you can see the codes in Wikitext and HTML are lineup side by side so you can see the comparison. Now pay close attention to the table tags. You should notice this coding: <em>class="infobox"</em> in the table tag . This code tells the browser that a infobox is being created and to place it in the upper right hand corner of the article. | |||
====Step Two - Add Styling to Infobox==== | ====Step Two - Add Styling to Infobox==== |