I have a top and bottom margin on both the h2 and p elements set to 0 in my style sheet and that still did not get the paragraph close enough to the heading. I gave it a negative value and got it right up under the heading as I wanted. I couldn't find out whether this was non-standard or not. Is there a better way to do it?
Also instead of the <br> tags for my listings of my universities and certifications is there a better way? When I say better I mean more standards conforming.
CSS:
Also instead of the <br> tags for my listings of my universities and certifications is there a better way? When I say better I mean more standards conforming.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
<html>
<head>
<title>Owen Peery: Education</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<link rel="stylesheet" type="text/css" href="resumestyle.css">
<script type="text/javascript" src="nifty.js"></script>
<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
return;
Rounded("div#content","all","#B0BFC2","#BBDB88","smooth");
Rounded("div#nav","tl bl","#B0BFC2","#FACD8A","smooth");
}
</script>
</head>
<body>
<div id="container">
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="education.html">Education</a></li>
<li><a href="workexperience.html">Work Experience</a></li>
<li><a href="relatedexperience.html">Related Experience</a></li>
<li><a href="technologyskills.html">Technology Skills</a></li>
</ul>
</div>
<div id="content">
<h1>Owen Peery
</h1>
<h2>
Education
</h2>
<p>
University of California at Berkeley<br>
BA in History, minor in City Planning<br>
graduated 1993
</p>
<p>
Holy Names College<br>
CA teaching credential, MA in Urban Education, ABT<br>
Thesis currently being researched<br>
attended 1998-2002
</p>
<p>
University of the Arts<br>
Continuing Education<br>
Design courses: Photoshop and Web Design levels 1 and 2,<br>
attended 2004-2006
</p>
<p>
PTEC - Continuing Education and Professional Development<br>
Intro and Intermediate level courses: Word, Excel, and Powerpoint<br>
Intro to iPhoto and iTunes<br>
Netrekker<br>
Schoolnet
</p>
<h2>
Certifications
</h2>
<p>
PA Elementary Education, 2005<br>
PA Business, Computers, Information Technology, 2005<br>
PA Master's Equivalency, 2005<br>
CA Elementary Education, 2002<br>
CA Supplemental Authorization for Social Studies, 2002<br>
</p>
</div>
</div>
</body>
</html>CSS:
Code:
body
{
padding: 20px;
background-color: #B0BFC2;
text-align: center;
font: 95% Verdana,Arial,sans-serif;
}
h1
{
font-size: 250%;
color: #FFF;
letter-spacing: 1px;
margin: 0;
padding: 0 0 10px 10px;
}
h2
{
font-size: 150%;
color: #FFF;
margin: 0;
margin-bottom: -10px;
padding: 0 0 10px 10px;
}
p
{
margin: 0;
padding: 0 0 10px 10px;
}
div#container
{
width:700px;
margin: 0 left;
text-align:left;
}
div#content
{
float:right;
width:515px;
background: #BBDB88;
}
div#nav
{
float:left;
width:180px;
margin-top:40px;
background: #FACD8A;
}
#nav ul
{
margin: 10px;
padding: 0;
list-style-type: none;
text-align: right;
line-height: 250%;
}
a
{
text-decoration: none;
}
a:link
{
color: black;
}
a:visited
{
color: black;
}
a:hover
{
color: orange;
}