Orange Library

Orange or Education
D86219 E5CB90 FAF2E3


Table Styles

Tables must be placed in the designated areas and may not be resized in width.
Table Styles




Boxes in Left Hand Column - 145 pixels in width

Simple Box
Header
data

Simple Box Shaded

Header
data

Notification Box

Notification Box

Simple Box

Header
data

Simple Box Shaded

Header
data




Tables in Content Area - 415 pixels in width


Simple Table

Header
data

Simple Table Shaded

Header
data

Highlight Table

Data

Content Table - Merge cells for a continuous row

Header
data data data
data data data
data data data
data data data
data data data


Use the oversized table template if you need a Content Table larger
than the table above (415 pixels in width).


Add-on Simple Table

Header
data


Add-on Simple Table Shaded

Header
data



Tables in Content Area at 200 pixels - one half of width

Simple Table

Header
data


Simple Table Shaded

Header
data

Add-on Simple Table

Header
data

Add-on Simple Table Shaded

Header
data



See Also navigation box in the right hand column

Select entire table:
 Link One
 Link Two
 Link Three
 Link Four
 Long Link Name
 Long Link Name


Orange Horizontal Rule







HTML Type

Orange Site Title
CSS:sitetitlorange

Orange Header
CSS:headerorange

Sub-Header
CSS:subheader

Content Text
CSS:contenttext

Small Text
CSS:smalltext

Important Text
CSS:important


Graphic Elements

  Secure lock
Place this next to links that are going to contain protected content
 

PDF

Place this icon next to links that go to PDF documents so your user won't have any surprises.
PDF
* Back to top

Place this strategically on long pages to allow your users to return to the beginning of the page

<a href="#top">
* Get Adobe Acrobat

You may place this icon at the bottom of any page containing a link to a PDF document in order to give your user the option to download the utility:
Get Adobe Acrobat
 
http://www.adobe.com/support/downloads/main.html

* Be sure to copy the href along with the image, or remember to copy the URL separately and add it to the image's link properties.