January 15, 201016 yr I'm just trying to practice the basics of html and css. Does anyone know how I remove the bottom bit below the "contact" within the navigation? Any other tips on anything within this code? Am I doing anything wrong? <html> <head> <title>Practicing HTML / CSS</title> <style type="text/css"> #header { background-color: black; border-bottom: 5px solid orange; border: 1px solid orange; margin-bottom: 20px; height: 150px; width: 100%; } #header h1 { text-decoration: underline; color: white; font-size: 40px; text-align: center; } #navigation { background-color: black; border: 1px solid orange; margin-right; 20px; margin-bottom: 20px; float: left; width: 15%; } #navigation h1 { color: white; text-align: center; border-bottom: 1px solid orange; font-size: 25px; margin: 0px; padding: 0px; } #content { background-color: black; border: 1px solid orange; margin-bottom: 20px; float: right; height: 400px; width: 80%; } #content h1 { color: white; font-size: 25px; text-align: center; margin: 0px; padding: 0px; border-bottom: 1px solid orange; } #footer { background-color: black; border: 1px solid orange; height: 50px; position:absolute; bottom: 0px; width: 99%; color: white; text-align: center; font-size: 14px; } ul {text-decoration: none; list-style-type: none; margin: 0px; padding: 0px; text-align: center} a {text-decoration: none; color: white;} li {border-bottom: 1px solid orange;} </style> </head> <body> <div id="header"> <h1>Website Name</h1> </div> <div id="navigation"> <h1>Navigation</h1> <p><ul> <li><a href="http://www.sitename.com/">Home</a></li> <li><a href="http://www.sitename.com/Forums">Forums</a></li> <li><a href="http://www.sitename.com/Services">Services</a></li> <li><a href="http://www.sitename.com/Contact">Contact</a></li> </ul></p> </div> <div id="content"> <h1>Welcome!</h1> </div> <div id="footer"> <p>Copyright 2010. All Rights Reserved.</p> </div> </body> </html>
January 15, 201016 yr Author Thanks. Done a few of these now and I'm getting used to the style of: Header Navigation - Content Footer I just need to practice some more and develop more skills on styling now. Moving well on with the intermediate stuff now!
Create an account or sign in to comment