what im trying to do here is recreate this jpg in xhtml using css as well. have a little done, but wodering if i did it right. any help is appreciated. heres the link http://class.hahnster.com/final/final.jpg what im doing as an assignment is to recreate the jpg using xhtml & css. i have the images associated w/ the file. its the code i need help with to render & recreate this as if it was a real web pg. heres what i have so far. just started learning this stuff-thanks to anyone who can help! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <style type="text/css"> body{ margin: 0; font: 12px arial; color: #666666; background: #4487d9 url(images/siteBackground.gif) repeat-x top left; } #container{ width: 800px; } h1,h2,h3{ } #header{ height: 140px; background: url(images/headerBackground.gif) no-repeat top left; } #header h1{ font-size: 25px; color: #ffffff; margin: 0; } </style> </head> <body> <div id="container"> <div id="header"> <h1>National Football League</h1> </div> <div id="siteNav"></div> <ul> <li><a href= "/history/index.html">History</a></li> <li><a href="/season/index.html">Season structure</a></li> <li><a href="/media/index.html">Media</a></li> <li><a href="/draft/index.html">The NFL Draft</a></li> <li><a href="/freeangency/index.html">Free agency</a></li> <li><a href="/banned/index.html">Banned substances policy</a></li> <li><a href="/teams/index.html">Teams</a></li> <li><a href="/oldteams/index.html">Formar NFL teams</a></li> </ul> <div id="contentArea"></div> <div id="subContent"></div> <div id="footer"></div> </div> </body> </html>
Got a live version of it up somewhere? Just asking us to help doesn't seem to be the best thing to do. Where is the problem?