Skip all navigation Skip to page navigation

DHHS Home | A-Z Site Map | Get Updates | Divisions | About Us | Contacts | En Español

NC Department of Health and Human Services
Office of Public Affairs

Webmaster Notes: October 2010

Seventh Edition

In this issue:

See also the previous editions of Webmaster Notes.

Status of the Redesign

These are the 23 divisions, offices, and facilities that have been redesigned as of October 2010: Budget and Analysis, Economic Opportunity, Health IT, Information Resource Management, Deaf and Hard of Hearing, Human Resources, Medical Assistance, Oral Health, Public Affairs, Services for the Blind, Privacy and Security, Public Health, Rural Health and Community Care, State Operated Healthcare Facilities (which includes websites for Dorothea Dix Hospital, Central Regional Hospital, Whitaker School, and Blackley Alcohol and Drug Abuse Treatment Center, Walter B. Jones Alcohol and Drug Abuse Treatment Center, O’Berry Neuromedical Treatment Center), Vital Records in DPH, Vocational Rehabilitation Services, and Women’s and Children’s Health Section of DPH.

Got Class?

Here are a few of the less used styles that might come in handy sometime (for sites in the DHHS templates).

.odd helps you put a little more style in a table. You can create a "zebra" table to better distinguish the rows. Add it to the <tr> tag: <tr class="odd">. To see it in action, go to the Vocational Rehabilitation Services website.

.pictureright and .pictureleft allows you to right or left align a photograph and add a border, if you add the class to the image tag. If you add the class to a <span> tag, you can also add a short caption to it. HEre is the code: <span class="pictureleft"><img src="/images/seniorstaff/ActingSecretaryDelia2012.jpg" alt="Acting Secretary Albert Delia" /><br />Acting Secretary Albert Delia</span>. And here is an example.

.cutline allows you to have a long "cutline" or caption under an image.

.readthis is a class for highlighting an important announcement. It looks like this: Read this. Use it with a <span> tag to highlight a few words of text. Please do not use it on whole paragraphs. Do not use it with any other formatting. In almost all cases, <strong> is the preferred way to create emphasis (not italic, or all caps, or any combination of these.) The .readthis class is your tool if you need to shout at the reader. Just don't keep shouting or shout multiple times.

.vipparagraph is a class to set off an entire paragraph, when there is an important announcement. Use with the <p> tag or, if there are multiple paragraphs, a <div>. Use sparingly or better yet, not at all! Here is how it looks.

Due to the implementation of a new birth automation system at N.C. Vital Records, requests for all Vital Records services are currently backlogged and will take longer to process than the time frames posted on this website.

.address is a class to set off an address. It looks like this:

N.C. DHHS, Office of the Secretary
101 Blair Drive
Raleigh, NC

.address gets placed in the <p> tag and each new line of the address is created with the <br /> tag.

.raise and .lower are for superscript and subscript. They are of course very rarely used. Use it with the <span> tag. Here is an example: 12

<blockquote> is a tag that has a unique style. It is only supposed to be used for actual quotes. This is part of the semantic web, where the markup conveys meaning. Don't ever use <blockquote> unless you mean a quote, and you don't really have to use it unless the writer wants the quote set off somehow. Here is how it will look:

“After VR worked with an employee for a few days, the employee was able to perform the job without support. I’ll continue to use VR for our hiring needs.” —Mike Davis, K&W Cafeteria, Greensboro

.hang will create paragraphs with a hanging indent for you. Sometimes it's useful to make lists with hanging indents. The DHHS Meeting Calendar uses hanging indents.

#boxAudience creates a blue box with links to another page on the same topic, but written for different audience. Audience pages on a single topic should point to each other in the audiece box. See the Rural Health Center page for consumers and the Rural Health Center page for staff.

We Live in N.C.

The style for abbreviating North Carolina is N.C., not NC. Please do a quick search and replace on your web pages, and new ones that come in! For more stylistic matters, see the appendix of the DHHS Web Style Guide.

Previous Editions of Webmaster Notes



 Ready NC Connect NC