Here's my html:
- Code: Select all
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="standards1.css" /> <!--the "type" attribute can be dropped in html5-->
<title>Harvest Home</title>
</head>
<body>
<div ID="backDropStandard"> <!--ignored by browsers-->
<span style="float:left">
<span class="fontLtBlue" style="font-size:125px; font-family:stencil; font-weight:bold"> <!--format for .fontBlue is ignored-->
His
</span>
<span style="color:maroon; font-family:Comic Sans MS; font-style:italic; font-weight:bold; font-size:24px">
Harvest Worship Center
</span>
</span>
</div>
</body>
</html>
And here's my style sheet (.fontLtBlue and #backDropStandard are ignored):
- Code: Select all
.bgBlueCream{background:6699cc}
.bgLightBlue{background:99ccff}
.bgMaroon{background:maroon}
.fontLtBlue{color:99ccff}
.heading{font-size:18px; text-align:center; font-style:italic; font-weight:bold; padding:10px; width:100%}
.menuLinks a:link, .menuLinks a:active, .menuLinks a:visited{text-align:left; padding:10px}
.menuLinks a:hover{font-style:italic; font-weight:bold}
#backDropStandard{width:980px; height:480px; background:6699cc}
When I remove the <!DOCTYPE html> tag from the top everything works as expected. Your help will be appreciated.