Here is the markup:
Expand|Select|Wrap|Line Numbers
- <div id="masthead">
- <h1 id="siteName">Dear James</h1>
- <div id="globalNav"><img src="protected/img/gblnav_left.gif" alt="" name="gnl" width="5" height="32" id="gnl" /> <img alt="" src="protected/img/glbnav_right.gif" height="32" width="5" id="gnr" />
- <a href="http://malk0lm.110mb.com/" class="glink" >Home</a><a href="#" class="glink">None</a></div>
- </div>
- <!-- end masthead -->
Expand|Select|Wrap|Line Numbers
- #globalNav img{
- display: block;
- margin-bottom: 0px;
- z-index: 2;
- }
- #globalNav a {
- font-size: 90%;
- }
- a.glink, a.glink:visited{
- font-size: small;
- color: #000000;
- font-weight: bold;
- margin: 0px;
- padding: 2px 5px 4px 5px;
- border-right: 1px solid #8FB8BC;
- }
- a.glink:hover{
- background-image: url(img/glblnav_selected.gif);
- text-decoration: none;
- }
- #gnl {
- position: absolute;
- top: 0px;
- left:0px;
- }
- #gnr {
- position: absolute;
- top: 0px;
- right:0px;
- }
- #globalNav{
- color: #cccccc;
- padding: 6px 6px 0px 6px;
- white-space: nowrap;
- position: relative;
- width: 100%;
- min-width: 640px;
- height: 32px;
- color: #cccccc;
- background-image: url(img/glbnav_background.gif);
- }
- #masthead{
- margin: 0;
- padding: 10px 0px 10px 0px;
- border-bottom: 1px solid #cccccc;
- width: 100%;
- }