Tue, 2014-01-07 22:24
Here's the HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="skills.css"> </head> <body style="background-color:#dddddd"> <div id="menu"> <ul> <li><a href="skills.html">Skills</a></li> <li><a href="about.html">About</a></li> </ul> </div> <div id="skills"> <div id="prof"> <li>Proficient in HTML</li> <p>I can</p> <ul> <li>Create A Webpage</li> <li>Use CSS To Make Visually Appealing Webpages</li> <li><a href="https://en.wikipedia.org/wiki/Hyperlink">Hyperlink</a></li> <li>Write Neat, Nested, and Readable Code</li> <li>And More!</li> </ul> </div> <div id="lead"> <li>Leading Groups</li> </div> <div id="team"> <li>Team Work</li> <p>asdfghjkl</p> </div> <div id="comm"> <li>Communication</li> </div> <li>Documentation and Writing</li> <p>asdfghjkl</p> </div> </body> </html>
And here's the CSS
#menu { width: 550px; height: 35px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; text-align: center; background-color: #000000; border-radius: 8px; Margin: 0 auto; } #menu ul { height: auto; padding: 8px 0px; margin: 0px; } #menu li { display: inline; padding: 20px; } #menu a { text-decoration: none; color: #ffffff; padding: 8px 8px 8px 8px; } #menu a:hover { color: #ffffff; background-color: #444444; } #skills { width: 1019px; height: 1019px; background-color: #66aadd; border-color: #ffffff; } #prof { align-content: left; width: 335px; height: 500px; background-color: #66bbdd; border-color: #ffffff; text-align: center; } #lead { width: 200px; height: 25px; background-color: #66bbdd; border-color: #ffffff; text-align: center; border-width: thin; } #team { width: 500px; height: 150px; background-color: #66bbdd; border-color: #ffffff; text-align: center; border-width: thin; }
