Resources For IT Professionals
Post an article
Wikis - Page Details
  • First published by (MVP, Microsoft Community Contributor)
  • When: 2 Apr 2013 3:56 PM
  • Last revision by (MVP, Microsoft Community Contributor)
  • When: 11 Jul 2013 2:38 PM
  • Revisions: 14
  • Comments: 3
Options
RSSSubscribe to Article (RSS)
Engage!
Wiki Ninjas Blog (Announcements)

Wiki Ninjas on Twitter

TechNet Wiki Discussion Forum


Can You Improve This Article?
Positively! Click Sign In to add the tip, solution, correction or comment that will help other users.

Report inappropriate content using these instructions.
Wiki  >  TechNet Articles  >  Wiki: Troubleshooting Color Issues in Your Wiki Articles

Wiki: Troubleshooting Color Issues in Your Wiki Articles

Wiki: Troubleshooting Color Issues in Your Wiki Articles

Credit: Markus Vilcinskas  

Table of Contents

 

Introduction

Source: Forums Home >  Feedback and Discussions Forums > TechNet Wiki Discussion >  Code snippet formatting

Formatting test

HTML code

You can set color in multiple ways
- using the HEX code (#123456)
- using the RGB code (0..255, 0..255,0..255)
- using the color name

See also: http://en.wikipedia.org/wiki/Web_colors

Edit Mode

Don't get fooled when you're preparing your Wiki artilcle.
At first sight, in Edit mode your design can look fine.

Some examples (screenshot of edit mode)


Published view

Once published you finally know if the setting has been saved and published correctly.

One thing is sure, the color coding based on names is stable and works.

Below is the same set of layout items as designed above.

background-color: gray
background-color: gainsboro

background-color: rgb(192, 192, 192)
background-color: rgb(240, 240, 240);

background-color: #c0c0c0
background-color: #f0f0f0

background-color: gray
background-color: gainsboro

background-color: rgb(192, 192, 192)
background-color: rgb(240, 240, 240)

background-color: #c0c0c0
background-color: #f0f0f0

Solution to set proper formatting

Use the color naming as much as possible.
This has been proven to be the most stable and correct interpretation of the color layout.

Alternatively use a 3rd party browser like FF, Dolphin, Opera to open the article and just save it.

Color scheme

There is a very intersting overview on the the color scheme on : http://en.wikipedia.org/wiki/Web_colors 

See also

Reference