Heading 1

Each paragraph or element on this page is an experiment in CSS. There are two CSS files at work and media typing in both (to fool certain browsers). The first or default CSS file is called simple.css. If your browser supports the @import function of CSS then the next file is screen.css. Next, if your browser supports both @import function and the handheld media type you'll see the effects of the handy.css.

Heading 2

Here is an example of a link (http://teamsiems.com/) with special properties. The URL of the link should appear in parentheses after the hyperlink when this page is printed. This behavior comes from the printme class in the screen.css. Elements with this class are hidden to screen viewers, but they appear when you print the page.

Heading 3

Here is P wrapped text next to the DIV text. By changing the para class' attributes we should be able to make P and para DIV's behave and look the same.

Top of Page
/* ********** */
/* simple.css */
/* ********** */

body {
  font-family: sans-serif;
  padding: 0px;
  margin: 0px;
  background-color: #FFFFCC;
  background-image: url("../images/ambg.jpg");
  background-repeat: repeat-x;
}

.printme {
  display: none;
  visibility: hidden;
}


Top of Page