Help:Useful styles: Difference between revisions
Content deleted Content added
Linked to talk section Tags: Mobile edit Mobile web edit Advanced mobile edit |
actually just point that section at classes |
||
| Line 5: | Line 5: | ||
== Classes == |
== Classes == |
||
{{main|Wikipedia:Catalogue of CSS classes}} |
{{main|Wikipedia:Catalogue of CSS classes}} |
||
*'''wikitable''' This class represents Wikipedia's favored style for data tables. |
|||
*'''toccolours''' This class gives the template borders and colors similar to that of the Table of Contents of a page. '''Do not use <code>id="toc"</code> instead of this,''' as it risks breaking some scripts and causing other problems (every <code>id=</code> value on a page must be unique). <code>toccolours</code> is not used much anymore, but used to be used for footer templates etc. |
|||
*'''navbox''' This class is used by [[Template:Navbox]]. |
|||
*'''infobox''' This class is used by [[Template:Infobox]] |
|||
*'''*mbox-*''': This class is used by [[Template:Mbox]] and family. |
|||
== Specific styles == |
== Specific styles == |
||
Latest revision as of 23:32, 22 January 2023
 | This help page needs to be updated. The reason given is: Thought in June 2007 to be outdated, and all these years later this page has received virtually no updated content. Please help update this help page to reflect recent events or newly available information. Relevant discussion may be found on the talk page. |
 | This help page is a how-to guide. It explains concepts or processes used by the Wikipedia community. It is not one of Wikipedia's policies or guidelines, and may reflect varying levels of consensus. |
This page documents various CSS elements that are useful to know when working in the article and template namespaces. For information about how to use them, see:
Classes
[edit]Specific styles
[edit]- border-collapse:collapse This style will eliminate 3-d style borders created by the
borderattribute and collapse them in 1px wide borders. This property will overridecellspacing! To define similar whitespace, use theborder-spacingproperty (although it is not possible to have bothborder-spacingandborder-collapsefor the same table).
Moving stuff
[edit]- float:right and clear:right These styles are used to move a table to the right-hand side of the screen. Float right is equivalent to
align="right"Theclearcode property makes it impossible for the movement to be blocked by another box or picture: the template will automatically move under it.
Margins and sizes
[edit]- margin:0 0 0.5em 1em; This style prevents text from running straight to the template by saving blank space. It should be used on boxes which are floated right (using float: right;).
- margin:0 1em 0.5em 0; This performs the same function as the style directly above, but should be used for boxes which are floated left (using float: left;).