Question: This question is for Web Development. There were errors when I used the CSS validator for my style sheet. I will try to post my

This question is for Web Development. There were errors when I used the CSS validator for my style sheet. I will try to post my CSS page and the error from the validator. This is from the Pacific Trails Resort Case Study on page 205. Below is my style sheet and at the very end will be the error message I received from the W3C CSS validator site. I'm using the Basics of Web Design HTML5 & CSS 4th edition.

body { background-color:#90C7E3;

color:#666666;

font-family: Arial, Helvetica, sans-serif;

background-image: linear-gradient(to bottom, #FFFFFF,

#90C7E3);

background-repeat: no-repeat; }

header {background-color: #000033;

color:#FFFFFF;

background-image: url(images/sunset.jpg);

background-repeat: no-repeat;

background-position:right;

height: 60px;

text-align: center;

padding-top: 15px}

nav { background-color:#FFFFFF;

font-weight: bold;

padding: 10px;

text-align: center;

}

main { padding-top: 1px ;

padding-right: 20px;

padding-bottom: 20px;

padding-left: 20px;

h1 { margin-bottom: 0px;

margin-top:0px;

font-family: Georgia, "Times New Roman", serif;

}

h2 {color: #CCCCCC;

font-family: Georgia, "Times New Roman", serif;

text-shadow: 1px 1PX 1px;

}

h3 { font-family: Georgia, "Times New Roman", serif;

}

dt {color:#000033;

}

ul { List-style-image: url(marker.gif);

}

footer { font-size: 75%;

font-style: italic;

font-family: Georgia, "Times New Roman", serif;

text-align: center;

padding: 20px;

}

.resort {color:#5C7FA3;

font-weight: bold;

}

#contact {font-size: .90em;

}

#wrapper{margin-left: auto;

margin-right:auto;

width:80%;

background-color: #FFFFFF;

min-width: 960px;

max-width:2408px;

box-shadow: 3px 3px 3px #333333;

}

#homehero {height: 300px;

background-image:url(images/coasthero.jpg);

background-repeat:no-repeat;

background-size:100% 100%;

}

#yurthero{height:300px;

background-image:url(images/yurthero.jpg);

background-repeat:no-repeat;

background-size:100% 100%;

}

#trailhero{height:300px;

background-image:url(image/trailhero.jpg);

background-repeat:no-repeat;

background-size:100% 100%;

}

Sorry! We found the following errors (2)

URI : pacific.css

78 main Parse Error h1 { margin-bottom: 0px; margin-top:0px; font-family: Georgia, "Times New Roman", serif; } h2 {color: #CCCCCC; font-family: Georgia, "Times New Roman", serif; text-shadow: 1px 1PX 1px; } h3 { font-family: Georgia, "Times New Roman", serif; } dt {color:#000033; } ul { List-style-image: url(marker.gif); } footer { font-size: 75%; font-style: italic; font-family: Georgia, "Times New Roman", serif; text-align: center; padding: 20px; } .resort {color:#5C7FA3; font-weight: bold; } #contact {font-size: .90em; } #wrapper{margin-left: auto; margin-right:auto; width:80%; background-color: #FFFFFF; min-width: 960px; max-width:2408px; box-shadow: 3px 3px 3px #333333; } #homehero {height: 300px; background-image:url(images/coasthero.jpg); background-repeat:no-repeat; background-size:100% 100%; } #yurthero{height:300px; background-image:url(images/yurthero.jpg); background-repeat:no-repeat; background-size:100% 100%; } #trailhero{height:300px; background-image:url(image/trailhero.jpg); background-repeat:no-repeat; background-size:100% 100%; }
78 main Parse Error

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!