Code Sample |
<div class="sidebar"> <div class="sidebar-header">Menu</div> <p><a href="index">Main page</a></p> <p>Change rating:<br /> <a href="set-rating?r=0">G</a> <a href="set-rating?r=1">PG</a> (NC-17) </p> <p><a href="guidelines">Submission guidelines</a></p> <p><a href="submit-step1">Submit a site</a></p> <p><a href="newest">Newest additions</a></p> <!-- etc. etc. --> </div> |
Code Sample |
div.sidebar { border: solid 1px #000066; position: fixed; width: 120px; left: 7px; top: 100px; list-style: none; display: block; float: left; } div.sidebar p { font-size: x-small; text-align: left; line-height: 1; font-weight: bold; margin: 8px .2em; } div.sidebar a { text-decoration: none; } div.sidebar a:hover { text-decoration: underline; } div.sidebar-header { background-image: url("../img/topcell.jpeg"); background-repeat: repeat-x; font-weight: bold; font-size: small; padding: 3px; } |
Quote (Kataze @ Aug. 19 2006, 8:01 pm) |
The style sheet goes in the <head> tags, right? |
Code Sample |
<head> <link rel="stylesheet" href="style.css" /> </head> |