enimy6 Posted November 13, 2013 Share Posted November 13, 2013 http://www.cracked.com I want to make a header like the website mentioned above. (cracked.com) How do I do that? I'm rather new to this. Thank you in advance Link to comment Share on other sites More sharing options...
davej Posted November 13, 2013 Share Posted November 13, 2013 (edited) <!DOCTYPE html><html><head><meta charset="utf-8"><title>Menu</title><style>*{margin:0;padding:0;}h1{font-size:36pt;color:orange;float:left;margin:15px 0px 10px 10px;}ul{list-style-type: none;}#nav1o{background-color: #333;}#nav1{width:1000px;font:10pt arial,sans-serif;background-color: #333;height:80px;overflow:hidden;margin:0 auto;}#nav1 ul li a{color:#eee;text-decoration:none;float:left;margin:50px 0 0 30px;}#nav1 li a:hover{color:#000;background-color:#fff;}#nav2o{background-color:#eee;}#nav2{width:1000px;height:40px;font:10pt arial,sans-serif;background-color:#eee;overflow:hidden;margin:0 auto;}#nav2 ul li a{color:#000;text-decoration:none;float:left;padding:10px 15px;}#nav2 li a:hover{background-color:#ddd;}.clear{clear:both;}</style></head><body><div id="nav1o"><div id="nav1"><h1>CRACKED</h1><ul><li><a href="#">ARTICLES</a></li><li><a href="#">VIDEOS</a></li><li><a href="#">COLUMNISTS</a></li><li><a href="#">FORUMS</a></li><li><a href="#">QUICK FIXES</a></li><li><a href="#">PHOTOPLASTY</a></li></ul></div></div><div id="nav2o"><div id="nav2"><ul><li><a href="#">MOVIES & TV</a></li><li><a href="#">VIDEO GAMES</a></li><li><a href="#">MUSIC</a></li><li><a href="#">TECH</a></li><li><a href="#">HISTORY</a></li><li><a href="#">SCIENCE</a></li><li><a href="#">WRITE FOR US</a></li><li><a href="#">ORDER DE-TEXTBOOK</a></li></ul></div></div><div class="clear"></div></body></html> Edited November 14, 2013 by davej Link to comment Share on other sites More sharing options...
enimy6 Posted November 14, 2013 Author Share Posted November 14, 2013 Thank you so much! this will help alot ! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now