hi.
how to fix this.
will paste my errors and the css.
and what colours to put in for names.
cheers Marvin.
The W3C CSS Validation Service
W3C CSS Validator results for
C:\Docs\Tafe\CertificateFourWebsites\CertFour\PrinciplesOfVisualDesign\PrinciplesOfVisualDesign\styles\joe_style.css
(CSS level 2.1)
Jump to:Errors (2)Validated CSS
W3C CSS Validator results for
C:\Docs\Tafe\CertificateFourWebsites\CertFour\PrinciplesOfVisualDesign\PrinciplesOfVisualDesign\styles\joe_style.css
(CSS level 2.1)
Sorry! We found the following errors (2)
URI :
C:\Docs\Tafe\CertificateFourWebsites\CertFour\PrinciplesOfVisualDesign\PrinciplesOfVisualDesign\styles\joe_style.css
83 #navigation li a Value Error : background-color left is not a color
value : left left
95 #footer li a Value Error : background-color left is not a color value :
left left
? Top
The W3C validators rely on community support for hosting and development.
Donate and help us build better tools for a better web.
Valid CSS information
p.first:first-letter {
text-transform : capitalize;
font-style : italic;
}
body {
font : 100%/1.4 "Helvetica Neue", Arial, sans-serif;
background : #fff;
}
.left {
float : left;
padding : 0 8px 8px 0;
}
.clear {
clear : left;
}
h1 {
text-align : center;
}
h2 {
text-align : center;
}
a:link {
color : #008000;
}
a:visited {
color : #22bb22;
}
div#links a span {
display : none;
}
div#links a:hover span {
display : block;
position : absolute;
top : 350px;
left : 5px;
width : 100px;
text-decoration : none;
}
a:hover {
background-color : #006400;
color : #ff0000;
}
a:active {
color : #ff0000;
text-decoration : none;
}
#banner {
text-align : center;
}
#content {
margin-left : 10px;
margin-right : 10px;
voice-family : "\"}\"";
voice-family : inherit;
margin-left : 131px;
margin-right : 131px;
}
body #content {
margin-left : 10px;
margin-right : 10px;
}
#nav {
position : absolute;
left : 10px;
top : 100px;
width : 100px;
text-align : center;
}
#wrapper {
width : 960px;
background-color : #fff;
margin : 10px auto 0 auto;
}
#banner_new {
text-align : center;
}
#navigation {
margin : 10px;
overflow : hidden;
}
#navigation li {
display : block;
float : left;
}
#navigation li a {
display : block;
float : left;
background-image :
url('../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/nav_banana.png');
background-repeat : no-repeat;
background-attachment : scroll;
padding-left : 32px;
padding-right : 16px;
padding-top : 0;
padding-bottom : 20px;
background-position : top;
}
#navigation li a {
display : block;
float : left;
background : transparent;
padding : 0 16px 20px 0;
}
#main_content {
margin : 10px;
}
.specials {
float : left;
width : 470px;
height : 250px;
}
.specials img {
float : left;
padding : 10px;
}
#footer {
margin : 10px;
overflow : hidden;
}
#footer li {
display : block;
float : left;
}
#footer li a {
display : block;
float : left;
background-image :
url('../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/nav_banana.png');
background-repeat : no-repeat;
background-attachment : scroll;
padding-left : 32px;
padding-right : 16px;
padding-top : 0;
padding-bottom : 20px;
background-position : top;
}
? Top
Home |About |Documentation |Download |Feedback |Credits
Copyright © 1994-2009 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C
liability, trademark, document use and software licensing rules apply. Your
interactions with this site are in accordance with our public and Member
privacy statements.
p.first:first-letter
{
text-transform:capitalize;
font-style: italic;
}
body
{
font: 100%/1.4 "Helvetica Neue", Arial, sans-serif;
background: #fff;
}
.left { float: left; padding: 0 8px 8px 0; }
.clear {clear: left; }
h1
{
text-align: center;
}
h2
{
text-align: center;
}
a:link
{
color: #008000;
}
a:visited
{
color: #22bb22;
}
div#links a span
{
display: none;
}
div#links a:hover span
{
display: block;
position: absolute;
top: 350px;
left: 5px;
width: 100px;
text-decoration: none;
}
a:hover
{
background-color: #006400;
color: #FF0000;
}
a:active
{
color: #FF0000;
text-decoration: none;
}
#banner
{
text-align: center;
}
#content
{
margin-left: 10px;
margin-right:10px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 131px;
margin-right:131px;
}
body #content {
margin-left: 10px;
margin-right:10px;
}
#nav
{
position: absolute;
left: 10px;
top: 100px;
width: 100px;
text-align: center;
}
#wrapper { width: 960px; background-color: #fff; margin: 10px auto 0 auto;}
#banner_new { text-align: center; }
#navigation { margin: 10px; overflow: hidden;}
#navigation li { display:block; float:left; }
#navigation li a { display: block; float: left; background-image:
url('../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/nav_banana.png');
background-repeat: no-repeat; background-color: left;
background-attachment: scroll; padding-left: 32px;
padding-right: 16px; padding-top: 0; padding-bottom: 20px;
background-position: top }
#navigation li a { display:block; float:left; background: transparent;
padding: 0 16px 20px 0;}
#main_content { margin: 10px;}
.specials { float: left; width: 470px; height: 250px; }
.specials img {float: left; padding: 10px;}
#footer { margin: 10px; overflow: hidden; }
#footer li { display:block; float:left; }
#footer li a { display: block; float: left; background-image:
url('../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/nav_banana.png');
background-repeat: no-repeat; background-color: left;
background-attachment: scroll; padding-left: 32px;
padding-right: 16px; padding-top: 0; padding-bottom: 20px;
background-position: top }
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
