Please refer to: http://contenttohelp.com/testindex.php
Here's the CSS (separate stylesheet for dropdown horizontal menu not
included):
@charset "UTF-8";
/* CSS Document */
* {
padding: 0;
margin: 0;
}
#wrapper {
width: 652px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#header {
width: 650px;
height: 112px;
background-image: url(uts_images/header.jpg);
}
#navBar {
width: 500;
height: 50px;
background-image: url(uts_images/nav.jpg);
}
#contentWrapper {
width: 650px;
height: 342px;
}
#mainContent {
width: 352px;
height: 327px;
background-image: url(uts_images/main.jpg);
float: left;
padding-top: 15px;
padding-left: 80px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#sideContent {
height: 342px;
width: 218px;
float: right;
}
#footer {
width: 650px;
height: 136px;
background-image: url(uts_images/footer.jpg);
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
color: #FFF;
text-align: center;
padding-top: 15px;
}
#footer a, a:visited {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
font-size: 10px;
color: #ccc;
}
#footer a:hover, a:active {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: underline;
font-size: 10px;
color: #fff;
}
/* Styles for Includes: navigation bar */
#nav {
width: 590px;
height: 47px;
background-image: url(uts_images/nav.jpg);
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
padding-top: 18px;
padding-left: 60px;
background-repeat: no-repeat;
}
#nav ul {
width: 400px;
list-style: none;
float:left;
}
#nav ul a, a:visited {
float:left;
display: block;
padding: 0 1.5em;
line-height: 1em;
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #000;
text-align: center;
}
#nav ul a:hover, a:active {
float:left;
display: block;
padding: 0 1.5em;
line-height: 1em;
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: underline;
font-size: 12px;
font-weight: bold;
color: #000;
background-color:fff;
}
/* Styles for Includes: notes */
#note {
height: 342px;
width: 218px;
background-image: url(uts_images/notes.jpg);
background-repeat: no-repeat;
}
#pinkNote {
width: 120px;
height:150px;
margin-top: 15px;
margin-left: 55px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
}
#yellowNote {
width: 110px;
height:150px;
margin-top: 26px;
margin-left: 80px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
And here's the HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>University Testing Services</title>
<link href="common.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #303030;
}
-->
</style>
<link href="menuStyles.css" rel="stylesheet" type="text/css" />
</head>
<body><div id="wrapper">
<div id="header"></div>
<div id="navBar">
<div class="menu">
<ul>
<li><a class="hide" href="../menu/index.html">About</a>
<!--[if lte IE 6]>
<a href="../menu/index.html">DEMOS
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#" title="directions and parking">Directions & Parking</
a></li>
<li><a href="#" title="staff">Staff</a></li>
<li><a href="#" title="faq">FAQ</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="index.html">Students & Customers</a>
<!--[if lte IE 6]>
<a href="index.html">MENUS
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#" title="exam details">Exam Details</a></li>
<li><a href="#" title="prometric testing">Prometric Testing</a></li>
<li><a href="#" title="saturday national testing">Saturday Nat'l
Testing</a></li>
<li><a href="#" title="resources">Resources</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="../layouts/index.html">Faculty & Staff</a>
<!--[if lte IE 6]>
<a href="../layouts/index.html">LAYOUTS
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#" title="evaluations">Evaluations</a></li>
<li><a href="#" title="scoring">Scoring</a></li>
<li><a href="#" title="forms and instructions">Forms & Instructions</
a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
</div>
</div>
<div id="contentWrapper">
<div id="mainContent">
<h1>University Testing Services</h1>
<p> </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
porttitor enim in diam consectetur semper vitae sit amet dui. Nullam
consequat sapien vitae ipsum placerat id fermentum quam feugiat.
Suspendisse vehicula tincidunt massa ac viverra. Integer a leo purus,
nec eleifend orci. Curabitur justo sem, gravida ac vehicula ac,
accumsan sed urna. Phasellus quis rutrum nisi.</p>
</div>
<div id="sideContent">
<?php
include('includes/noteInclude.php');
?>
</div>
</div>
<div id="footer">
<p><a href="http://www.uga.edu";>UGA Home</a> • <a href="http://
www.uga.edu/studentaffairs/">Student Affairs Home</a></p><br />
<p>To report abuse, click here.</p><br />
<p>University of Georgia Testing Services • Clark Howell Hall •
Athens, GA 30602-3338<br />
Phone (706)542-3183 • Fax (706)542-3915 (fax) •
[email protected]</p>
</div>
</div></body>
</html>
Thanks for all your help!
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
