Help for Joel Griffith

Help for Joel Griffith

by Joel Griffith

HTML

<div id="wrapper">
    
    <div id="logo">Logo shall be placed here</div><!-- logo end -->
    
    <div id="navmenu">
        <ul>
			<li><a href="#">Home</a></li><li>
		    <a href="#">Holiday</a></li><li>
			<a href="#">Disney</a></li><li>
			<a href="#">Non-Disney</a></li><li>
			<a href="#">Shopping</a></li><li class="li-last">
			<a href="#">About</a></li>
		</ul>   
    </div><!-- nav-container -->
    
    <div id="content">Content shall be placed here</div><!-- content end -->
    
    <div id="footer">Footer shall be placed here</div><!-- footer end -->
    
</div><!-- wrapper end -->

CSS

body{ font-family: Arial; font-size: 17px; color: #555; }

#wrapper{ width: 1000px; margin: 40px auto; text-align: left; border: 3px solid #555; padding: 0 10px 0 10px; }

#logo{ height: 50px; border: 3px solid #555; padding: 15px; margin: 10px 0 10px 0; }

#navmenu{ border: 3px solid #555; padding: 15px; margin: 10px 0 10px 0; text-align: center; }
#navmenu ul{ list-style-type: none; padding: 0; margin: 0; }
#navmenu ul li{ display: inline-block; }
#navmenu ul li a,visited{ color: #555; display: block; padding: 13px; text-decoration: none; border: 1px solid red; border-right: 0; }
#navmenu ul li a:hover{ background-color: #F2BDC1; }
#navmenu ul li.li-last{ border-right: 1px solid red; }

#content{ height: 300px; border: 3px solid #555; padding: 15px; margin: 10px 0 10px 0; }

#footer{ height: 50px; border: 3px solid #555; padding: 15px; margin: 10px 0 10px 0; }