-
help with assignment ?
This is my HTML code
Code:
<html>
<head>
<title>Holidays at Sunny Acres</title>
<link href="sunny.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<h1><img src="salogo.jpg" alt="Sunny Acres" /></h1>
<div id="links">
<a href="#">Home</a>
<a href="#">The Corn Maze</a>
<a href="#">The Haunted Maze</a>
<a href="#">Petting Barn</a>
<a href="#">Produce</a>
<a href="holiday.htm">Holidays on the Farm</a>
</div>
<div id="inner">
<h2>Holidays on the Farm</h2>
<p id="photobox">
<img src="holiday.jpg" alt="holiday photo" name="photo" width="250" height="250" id="photo" />
Saint Nick visits Sunny Acres in December
</p>
<p>
This year Sunny Acres becomes Wintery Acres as we institute our first
Holidays on the Farm. Join us on weekends from November 23
through January 5 for holiday cheer and festivities.
</p>
<p>The Sunny Acres Farm Shop will be decked out in bright and colorful holiday
decorations with special prices on garland, tinsel, ornaments, and wreaths.
Be sure to sample our homemade egg nog and bring some home for your
family.
</p>
<p>The trails and hills around Sunny Acres will be alive with fun and
games. Come join us for sleigh rides or zoom down our awesome
sledding hill (weather permitting). Sunny Acres is adjacent to
Dawson Park which has a vast network of cross country ski trails
for every level of skier.</p>
<p>We've even decorated our barn for the holidays. Come visit Santa's
stables where you might even see a few reindeer. Perhaps even one
with a red nose!</p>
<h3>Hours</h3>
<ul>
<li>Saturdays: 10 am - 5 pm</li>
<li>Sundays: 11 am - 3 pm</li>
<li>Closed: December 25, 31, January 1</li>
</ul>
<h3>Directions</h3>
<ul>
<li>From Council Bluffs, proceed east on I-80</li>
<li>Take Exit 38 North to the Drake Frontage Road</li>
<li>Turn right on Highway G</li>
<li>Proceed east for 2.5 miles</li>
<li>Sunny Acres is on your left; watch for the green sign</li>
</ul>
</div>
<address>
Sunny Acres ☀
Tammy & Brent Nielsen ☀
1977 Highway G ☀
Council Bluffs, IA 51503
</address>
</div>
</body>
</html>
and this is my CSS code:
Code:
body {margin: 0px;
background-color: white;
background-image:url(greenbar.jpg);
font-family: Arial, Helvetica, sans-serif
background-repeat: repeat-y;}
h1 {border-bottom: 3px solid green; margin: 0px}
h2 {background-color: green;
padding-left: 5px;
color: white;
letter-spacing: 7;
word-spacing: 7}
h3 {background-color: green;
padding-left: 5px;
color: white;
letter-spacing: 7px;
word-spacing: 7px;
width: 200px}
address {font-size: 0.8em;
color: green;
text-align:center;
padding-top: 5px;
border-top: 3px solid green}
#inner {margin-left: 225px; padding-left: 10px}
#photobox {float: right;
text-align: center;
font-size: 12px;
font-style: italic;
background-color: RGB(255, 215, 71);
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 0px;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 4px solid black;
border-bottom: 4px solid black;
padding: 5px;
display: block}
#links {float: left}
a {text-decoration:none;
display: block;
width: 180px;
margin: 5px 5px 5px 5px;
padding: 5px;
background-color: rgb(255, 215, 71);
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 3px solid black;
border-right: 3px solid black}
should look like this http://www.dreamincode.net/forums/up...9470628904.jpg
