RUMVInstitute
Always at the peak of success

ROBERTO URBISCI MASTER VENDOR ● Sales Trainer ● Motivator ● Conference Speaker

Scripts, DIVs, and CSS... Oh My! DIVs CSS

CSS Class Samples - rumv2010.css

Thank you Roberto Urbisci for allowing me to use his CSS file as a sample on my site!

I'm using it to demontrate how the CSS changes how the web content behaves and looks. You have not left the www.guymercier.com web site. This CSS sample was provided to my client while creating the basic CSS that will contain the content of his site RUMV.ca which was being contructed at the time this page was originally posted.

The CSS contains attributes of the CSS items listed by name below. The apply the attributes to the web item when called upon. I have not shown the full list of how combination of using more then one at a time can create varied effects.

To view a sample of what the rumv2010.css actually looks like, click here. I've pasted it out into a seperate web page for you. It shows the attributes applied to the CSS Name in the Cascading Style Sheet Item Table below.

This is a Single column page with a "Right Floating Box" that contains the GuyMercier.com Mini Tutorial to Scripts, DIVs, and CSS... Oh My!

For more information, contact info@guymercier.com

Your Basic Links:

Cascading Style Sheet Item Table

CSS Name

White Background

Grey Background
in a table with same CSS Class

Black Background

<h1>

Heading

<h2>

Heading

<h3>

Heading

<h4>

Heading

<h5>

Heading

<h6>

Heading

Table - Basic Table

Table <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

Table <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

Table <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

Basic Table - Basic Table with a grey keyline. Top and bottom margins were added.

basicTable <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

basicTable <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

basicTable <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

Main Frame - Use as the Main Wht Frame that contains your header, main navigational menus, and main content.

basicTable <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

basicTable <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

basicTable <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

Main Content - Area displaying your main content. Text within the thin black keyline between the header and footer.)

basicTable <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

basicTable <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

basicTable <table>	Header <th>	<th>
Table Row <tr>	Table Cell <td>	<td>

RUMV logo Container - Created for main logo appearing in the right table cell of the header.

rumvTwo - RUMV in company name of the top header

Text Sample

institueNew - Institute in company name of the top header

Text Sample

nameTitleNew - Tagline under company name of the top header

Text Sample

robertoName - Your name in the black bar that appears under your company name.

Text Sample

robertoQualities - Bulletted items in the black bar that appears under your company name.

Text Sample

robertoMasterName - Master Vender of the text in the black bar that appears under the company name.

Text Sample

MenuButtons - Right Column Menu Buttons

LINK > Active > Visited

imgLeftwhtKeyline - Adds a 4pt white Keyline around the picture and adds a right and bottom margin spacer. Floats Left.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus faucibus consectetur feugiat. Aenean elementum porttitor ur adipiscing elit. Maecenas scelerisque rutrum congue.

imgLeftblkKeyline - Adds a 4pt dark grey Keyline around the picture and adds a right and bottom margin spacer. Floats Left.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus faucibus consectetur feugiat. Aenean elementum porttitor ur adipiscing elit. Maecenas scelerisque rutrum congue.

Phasellus faucibus consectetur feugiat. Aenean elementum porttitor ur adipiscing elit. Maecenas scelerisque rutrum congue.

imgRightwhtKeyline - Adds a 4pt white grey Keyline around the picture and adds a left and bottom margin spacer. Floats Right.