GoFuckYourself.com - Adult Webmaster Forum - View Single Post

fallenmuffin · 02-12-2006, 06:45 AM

style.css

Code:

  body {
    margin-top:0;
    padding-top:0; /* Opera */
    background-color:#000;
  }

  body, td, th {
    font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
  }

  a {
    text-decoration:underline;
    color: #0000ff;
  }

  a:hover {
    text-decoration: none;
  }

  /* Classes */
  .topads {
    font:normal normal bold 16px/18px Verdana, Arial, Helvetica, sans-serif;
    color:#fff;
  }

  .whitebold {
    color:#fff;
    font-weight:bold;
  }

  .blackbold {
    color:#000;
    font-weight:bold;
  }

  .smallheading {
    font:normal normal bold 16px/18px Verdana, Arial, Helvetica, sans-serif;
    color:#000;
  }

  .normal {
    font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
  }

page.html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
	@import url("style.css");
</style>
</head>

<body>

  Code here

</body>
</html>

I cleaned up your CSS using short-hand and added zero padding so the top would look right in opera.