HELP PLS - Trying to get CSS to load with PHP
Posted: Wed Sep 08, 2010 12:03 am
Hello, I am following along with the "Lynda.com.PHP.With.MySQL.Essential.Training.DVD" and am stuck on trying to get my css stylesheet to load with my pages. I followed line by line verbatim and still couldn't find the solution. Below is the CSS code I have entered in so far. Below that is the PHP code I am trying to load with the CSS.
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Code: Select all
/* Site Colors:
#1A446C - blue gret
#689DC1 - light blue
#D4E6F4 - very light blue
#EEE4B9 - light tan
#8D0D19 - burgundy
*/
html { height: 100%; width: 100%; }
body { width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; background #D4E6F4;
font-size: 13px; line-height: 15px; }
img { border: none; }
table, tr, td { border-collapse: collapse; veritical-align: top; font-size: 13px; line-height: 15px;}
a { color: #8D0D19;}
#header { height: 70px; margin: 0px; padding: 0px; text-align: left;
background: #1A446C; color: #D4E6F4; }
#header h1 { padding: 1em; margin: 0px;}
#main { margin: 0px; padding: 0px; height: 600px; width: 100%; background: #EEE4B9; }
#structure { height: 600px; width: 100%; }
#footer { height: 2em; margin: 0px; padding: 1em; text-align: center;
background: #1A446C; color: #D4E6F4; }
/* Navigation */
#navigation { width: 150px; padding: 1em 2em; color: #D4E6F4; background: #8D0D19; }
#navigation a { color: #D4E6F4; text-decoration: none; }
ul.subjects { padding-left: 0; list-style: none; }
ul.pages { padding-left: 2em; list-style: square; }
.selected { font-weight: bold; }
/* Page Content */
#page { padding-left: 2em; vertical-align: top; background: #EEE4B9; }
#page h2 { color: #8D0D19; margin-top: 1em;}
#page h3 { color: #8D0D19; }----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Code: Select all
<html>
<head>
<title>Widget Corp </title>
<link href="stylesheets/public.css" media="all" rel="stylesheet" type="test/css" />
</head>
<body>
<div id="header">
<h1>Widget Corp</h1>
</div>
<div id="main">