To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.
Parse error - Unrecognized : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en-us"> <head> <style type="text/css"> img{vertical-align:bottom;}
Parse error - Unrecognized : </style> <title>Cascading Style Sheets - Class Project</title> <style type="text/css"> <!-- .problem12 {font-size : h2; color : red; font-family : 'Arial Black';}
Parse error - Unrecognized : </style> <meta http-equiv="Content-Type" content="text/html;
Parse error - Unrecognized : charset=windows-1252" /> <style type="text/css"> <!-- #p {font-size : 24px}
Parse error - Unrecognized : </style> <meta name="description" content="The is the main page for the Webmaster Certification Online Cascading Style Sheets (CSS) class project." /> <style type="text/css"> <!-- .buttons a {text-align : center; font-size : 30px; font-family : arial; padding : 0px 20px 0px 20px; color : #ddddff; background : #20b2aa; text-decoration : none;}
Parse error - Unrecognized : </style> <meta name="keywords" content="Cascading Style Sheets programming, CSS programming, Beginning CSS,Intro CSS, Introduction CSS, Beginning, CSS, accredited, certified, certification, courses, training, online" /> </head> <body link="#6633cc" vlink="#666666" alink="yellow" bgcolor="#bdbdbd" text="#000000" onload="self.focus();"> <center><img src="images/classproject.gif" width="274" height="52" alt="Class Project" /><br /> <font size="+3"><b>Cascading Style Sheets</b></font></center> <center><font size="+1">By : John Dainis</font></center> <br /> <a name="problem1"></a><center><hr /><b><font size="+1">Problem #1 - CSS Basic Syntax</font></b><hr /></center> <!-- START PROBLEM #1 BELOW THIS LINE --> <br /><br /> <center><hr style = "width : 300px" /><hr style ="width : 400px" /></center> <br /> <div style = "color : red; font-family : 'Arial Black'"> <center><h4>Welcome to CSS</h4></center> </div> <center><hr style = "width : 400px" /><hr style = "width : 300px" /></center> <br /><br /> test <!-- END PROBLEM #1 ABOVE THIS LINE --> <a name="problem2"></a><center><hr /><b><font size="+1">Problem #2 - Rainbow Background</font></b><hr /></center> <!-- START PROBLEM #2 BELOW THIS LINE --> <br /> <table border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td> <div align="center" style="color : white"> <span style="background-color : #ff0000">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #ee0000">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #dd0000">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #cc0000">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #bb0000">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #aa0000">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #990000">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #880011">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #770022">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #660033">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #550044">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #440055">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #330066">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #220077">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #110088">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #000099">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #0000aa">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #0000bb">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #0000cc">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #0000dd">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #0000ee">CASCADING STYLE SHEETS</span><br /> <span style="background-color : #0000ff">CASCADING STYLE SHEETS</span><br /> </div> </td></tr> </table> <br /><br /> test <!-- END PROBLEM #2 ABOVE THIS LINE --> <a name="problem3"></a><center><hr /><b><font size="+1">Problem #3 - Miniature Chess I</font></b><hr /></center> <!-- START PROBLEM #3 BELOW THIS LINE --> <br /> <div align="center"> <table border="0" align="center"> <tr><td style="background-image : url(images/marble-black.jpg)"><img src="images/red-rook.gif" width="60" height="60" alt="Red Rook" /></td> <td style="background-image : url(images/marble-white.jpg)"><img src="images/red-bishop.gif" width="60" height="60" alt="Red Bishop" /></td></tr> <tr><td style="background-image : url(images/marble-white.jpg)"><img src="images/red-rook.gif" width="60" height="60" alt="Red Rook" /></td> <td style="background-image : url(images/marble-black.jpg)"><img src="images/red-bishop.gif" width="60" height="60" alt="Red Bishop" /></td></tr> </table> </div> <br /><br /> test <!-- END PROBLEM #3 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #4 - Cascading Style Sheets Sale</font></b><hr /></center> <!-- START PROBLEM #4 BELOW THIS LINE --> <br /> <div align="center"> <div align="center" style="background-color : #ccffcc; width : 400px"> <span style="background-color : #ccffcc; font-size : 25px">
Parse error - Unrecognized : ;</span><br /> <span style="background-color : #ccffcc; font-family : times; font-size : 24px; font-weight : 800">Cascading Style Sheets (CSS1)</span><br /> <span style="background-color : #ccffcc; font-family : times; font-size : x-large">Regular Price : </span> <span style="background-color : #ccffcc; font-family : times; text-decoration : line-through; font-size : x-large">$99.95</span><br /> <span style="background-color : #ccffcc; font-family : times; font-size : x-large; color : #ff0000">Sale price : $65.00</span><br /> <span style="background-color : #ccffcc; font-size : 23px">
Parse error - Unrecognized : ;</span><br /> </div> </div> <br /><br /> test <!-- END PROBLEM #4 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #5 - Hurricane Andrew</font></b><hr /></center> <!-- START PROBLEM #5 BELOW THIS LINE --> <br /> <table width="500" cellpadding="5" align="center"> <tr><td style="background-image : URL(images/andrew.gif); width : 500px; align : center"> <center><font style="font-family : times; font-size : 24px; font-weight : bold; color : white">Hurricane Andrew</font></center><br /> <center><font style="font-weight : bold">16 - 28 August, 1992</font></center><br /> <p style="text-indent : 50px; text-align : justify"> Andrew was a small ferocious Cape Verde hurricane that wrought unprecedented economic devastation along a path through the northwestern Bahamas, the southern Florida peninsula, and south-central Louisiana. Damage in the United States is estimated to be near 25 billion, making Andrew the most expensive natural disaster in U.S. history.</p> <p style="text-indent : 50px; text : justify"> The tropical cyclone struck southern Dade County, Florida, especially hard, with violent winds and storm surges characteristic of a category 4 hurricane on the Saffir/Simpson Hurricane Scale, and with a central pressure (922 mb) that is the third lowest this century for a hurricane at landfall in the United States. In Dade County alone, the forces of Andrew resulted in 15 deaths and up to one-quarter million people left temporarily homeless. An additional 25 lives were lost in Dade County from the indirect effects of Andrew.</p><br /> <p style="text-align : right; font-style : italic">Source: National Hurricane Center<br /> <a href="http://www.nhc.noaa.gov/">http://www.nhc.noaa.gov/</a> </p> </td></tr> </table> <br /><br /> test <!-- END PROBLEM #5 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #6 - Online Course Discount Coupon</font></b><hr /></center> <!-- START PROBLEM #6 BELOW THIS LINE --> <br /> <div align="center"> <div style="background-color : #ffff99;
Parse Error - : 400px; padding : 10px; border-style : dashed; border-width : 4px; border-color : red" align="center"> <span style="font-size : 24px; font-weight : bold; text-align:center;">Online Course Discount Coupon</span><br /> <span style="font-size : 24px; color : #0000ff; text-align:center;">Promocode AFF39</span><br /> <span style="font-size : 24px; text-align : center;">Save up to 25% off your next</span><br /> <span style="font-size : 24px; text-align : center;">purchase of online courses.</span></div> </div> <br /><br /> test <!-- END PROBLEM #6 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #7 - Christmas Specials</font></b><hr /></center> <!-- START PROBLEM 7 BELOW THIS LINE --> <br /> <div align="center" style=""> <div style="padding : 10px; font-size : 18pt; background-color : #ccffcc; border-color : red; text-align : center; width : 500px;"> <div style="margin : 5px 5px 5px 5px; padding : 10px; border-width : 10px; font-size : 18pt; background-color : #ffcccc; border-style : double; border-color : red;"> <table align="center"><tr><td> <img src="images/xmasbells.gif" width="70" height="62" alt="" border="0" /> </td><td style="text-align : center"> <span style="text-align : center; font-size : 18pt; font-weight : 800;">CHRISTMAS SPECIALS<br />THIS WEEK ONLY</span> </td> <td><img src="images/xmasbells.gif" width="70" height="62" alt="" border="0" /> </td></tr></table> </div> </div> </div> <br /><br /> test <!-- END PROBLEM #7 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #8 - Ultimate Purple Picture Gallery</font></b><hr /></center> <!-- START PROBLEM #8 BELOW THIS LINE --> <br /> <div align="center"> <div style="background-color : #e9adff; width : 520px; border-style : solid; border-color : #770093; border-width : 4px; font-size : 26px; margin : 10px 10px 10px 10px" align="center"> <center><div style="padding : 10px; color : #770093; font-size : 32px; font-weight : bolder">Ultimate Purple Picture Gallery</div></center> <ul style="list-style-image : url(images/purplearrow.gif); text-align : center"> <li><a href="images/purplebear.jpg">Purple Bear</a> </li> <li><a href="images/purplecandle.jpg">Purple Candle</a> </li> <li><a href="images/purpledragon.jpg">Purple Dragon</a> </li> <li><a href="images/purpleheart.jpg">Purple Heart</a> </li> <li><a href="images/purplejacket.jpg">Purple Jacket</a> </li> </ul> </div> </div> <br /><br /> test <!-- END PROBLEM #8 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #9 - Quisp Cereal Kids Club</font></b><hr /></center> <!-- START PROBLEM #9 BELOW THIS LINE --> <br /> <form method="post" action="http://www.webyoda.com/cgi-bin/cgiecho/form.txt"> <table border="0" style="width : 500px; background-color : #e9adff; font-weight : bold" cellpadding="4" cellspacing="0" align="center"> <tr><td colspan="2" align="center"><img src="images/quisp.gif" width="49" height="92" alt="Quisp" /><br /><h2>Quisp Cereal</h2></td></tr> <tr><td></td><td align="left">Kids Club Favorites Survey<br /> </td></tr> <tr><td> Name</td><td><input name="username" size="35" style="font-family : courier; color : blue; font-size : 12px; background : #f9bdff" /></td></tr> <tr><td> Email</td><td><input name="email" size="35" style="font-family : courier; color : blue; font-size : 12px; background : #f9bdff" /></td></tr> <tr><td> Favorite Color</td><td><input name="data1" size="35" style="font-family : courier; color : blue; font-size : 12px; background : #f9bdff" /></td></tr> <tr><td> Favorite Cartoon</td><td><input name="data2" size="35" style="font-family : courier; color : blue; font-size : 12px; background : #f9bdff" /></td></tr> <tr><td> Favorite Food</td><td><input name="data3" size="35" style="font-family : courier; color : blue; font-size : 12px; background : #f9bdff" /></td></tr> <tr><td> Favorite Sport</td><td><input name="data4" size="35" style="font-family : courier; color : blue; font-size : 12px; background : #f9bdff" /></td></tr> <tr><td style="text-align : left"> C<br /> o<br /> m<br /> m<br /> e<br /> n<br /> t<br /> s</td><td><textarea name="comments" rows="10" cols="33" style="font-family : courier; color : blue; font-size : 12px; background : #f9bdff"></textarea><br /> </td></tr> <tr><td></td><td> <input type="submit" value="Submit Survey" style="font-family : arial; font-size : 20px; color : blue; background : #f9bdff" /><br /> <br /> </td></tr> </table> </form> <br /><br /> test <!-- END PROBLEM #9 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #10 - Albert Einstein Biography I</font></b><hr /></center> <!-- START PROBLEM #10 BELOW THIS LINE --> <br /> <div align="center"> <div style="background-color : #ccccff; color : #000000; border : solid 1px #000000; padding : 9px; position : relative; width : 404px; height : 400px"> <img src="images/einstein.jpg" width="150" height="150" alt="Einstein" style="float : right; margin : 15px 15px 15px 15px;" /> <p style="font-size : 19px; text-align : left"> Albert Einstein was a German physicist who lived between 1879-1955. His specific and general theories of relativity
Parse Error - and on the photoelectric effect
Parse Error - century.</p> <p style="font-size : 19px; text-align : left"> In 1905, Einstein presented his specific theory of relativity which made bold statements about the nature of light and the equivalency of matter and energy. Later, in 1916, he presented predictions on the link bewteen gravity and space and time, which were verified three years later. Einstein also studied the properties of elementary particles and warned of the dangers of nuclear war.</p> </div> </div> <br /><br /> test <!-- END PROBLEM #10 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #11 - Miniature Chess II</font></b><hr /></center> <!-- START PROBLEM #11 BELOW THIS LINE --> <br /> <div align="center" style=""> <table border="0" cellpadding="0" cellspacing="0"> <tr><td><div style="width : 60px; height : 60px; background : url(images/marble-black.jpg);"></div></td> <td><div style="width : 60px; height : 60px; background : url(images/marble-white.jpg);"></div></td></tr> <tr><td><div style="width : 60px; height : 60px; background : url(images/marble-white.jpg);"></div></td> <td><div style="width : 60px; height : 60px; background : url(images/marble-black.jpg);"></div></td></tr></table> <img src="images/red-rook.gif" width="60" height="60" alt="red rook" border="0" style="position : relative;
Parse Error - : 97px; top : -120px;" /> <img src="images/red-bishop.gif" width="60" height="60" alt="red bishop" border="0" style="position : relative; left : -1px; top : -90px;" /> <img src="images/white-rook.gif" width="60" height="60" alt="white rook" border="0" style="position : relative; left : -31px; top : -60px;" /> <img src="images/white-bishop.gif" width="60" height="60" alt="white bishop" border="0" style="position : relative; left : -62px; top : -89px;" /> </div> test <!-- END PROBLEM #11 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #12 - Embedded Class Styles</font></b><hr /></center> <!-- START PROBLEM #12 BELOW THIS LINE --> <br /><br /> <div align="center"> <hr class="hr300" /> <hr class="hr400" /> <p class="problem12"> Welcome to CSS </p> <hr class="hr400" /> <hr class="hr300" /> </div> <br /><br /> test <!-- END PROBLEM #12 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #13 - Embedded ID Styles</font></b><hr /></center> <!-- START PROBLEM #13 BELOW THIS LINE --> <br /> <table border="0" style="background-color : #ccffcc; width : 400px; text align : center" align="center"> <tr><td colspan="2"> </td></tr> <tr><td align="center" colspan="2" style="background-color : #ccffcc" id="pr">Cascading Style Sheets (CSS1)</td></tr> <tr><td align="right" id="p">Regular Price : </td><td align="left" width="100" id="pro">$99.95</td></tr> <tr><td align="center" colspan="2" id="prom">Sale Price : $65.00</td></tr> <tr><td colspan="2"> </td></tr> </table> <br /><br /> test <!-- END PROBLEM #13 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #14 - Albert Einstein Biography II</font></b><hr /></center> <!-- START PROBLEM #14 BELOW THIS LINE --> <br /><br /> <div align="center"> <table width="500" align="center"><tr><td> <div style="background-color : #ccccff; border : solid 1px #000000; padding : 9px; position : relative; width : 400px; height : 210px;"> <img src="images/einstein.jpg" width="150" height="150" alt="Einstien" style="float : right; margin : 15px 15px 15px 15px" /> <div style="font-size : 72px; line-height : 50px; float : left; padding-top : 2px; padding-right : 2px;">A</div> <div style="font-size : 14pt; text-align : left;"> lbert <span style="background-color:yellow">Einstein</span> was a German physicist who lived between 1879-1955. His specific and general theories of relativity
Parse Error - and on the photoelectric effect
Parse Error - century.<br /><br /> In 1905, <span style="background-color:yellow">Einstein</span> presented his specific theory of relativity which made bold statements about the nature of light and the equivalency of matter and energy. Later, in 1916, he presented predictions on the link between gravity and space and time, which were verified three years later. <span style="background-color:yellow">Einstein</span> also studied the properties of elementary particles and warned of the dangers of nuclear war. </div></div></td></tr></table> </div> <br /><br /> test <!-- END PROBLEM #14 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #15 - Clearance Sale</font></b><hr /></center> <!-- START PROBLEM #15 BELOW THIS LINE --> <br /><br /> <div align="center"> <div style="position : relative;
Parse Error - : 1px; height : 1px;"> <div style="font-weight : 800; color : #666666; position : absolute; font-size : 30px; font-family : arial black; left : -193px; top : 3px; width : 400px; height : 100px;"> <b>CLEARANCE SALE</b><br /> <div style="font-weight : 800; color : #ffff00; position : absolute; font-size : 30px; font-family : arial black; left : -3px; top : -3px; width : 400px; height : 100px;"> <b>CLEARANCE SALE</b><br /></div></div></div></div> <br /> <br /><br /> test <!-- END PROBLEM #15 ABOVE THIS LINE --> <center><hr /><b><font size="+1">Problem #16 - Bonus Menu Bars</font></b><hr /></center> <!-- START PROBLEM #16 BELOW THIS LINE --> <br /> <h1>Horizontal Menu Bar</h1> <table cellspacing="3"><tr> <td><div class="buttons"><a href="bonus1.htm">Bonus 1</a></div></td> <td><div class="buttons"><a href="bonus2.htm">Bonus 2</a></div></td> <td><div class="buttons"><a href="bonus3.htm">Bonus 3</a></div></td></tr> </table> <div style="page-break-after:always"></div> <h1>Vertical Menu Bar</h1><table><tr><td> <div class="buttons"><a href="homepage.htm#problem1">Problem 1</a></div></td></tr><tr> <td><div class="buttons"><a href="homepage.htm#problem2">Problem 2</a></div></td></tr> <tr><td><div class="buttons"><a href="homepage.htm#problem3">Problem 3</a></div></td></tr></table> <br /><br /><br /> test <br /><br /> <a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" border="0" /></a> <!-- END PROBLEM #16 ABOVE THIS LINE --> <br /><hr /> <center><br /><br /><font size="-1">This course is licensed via <a href="http://www.webmastercertification.com">www.webmastercertification.com</a>
Parse Error - <a href="http://www.webyoda.com">WebYoda,
Parse Error - [empty string]
