Disse css-definitioner styrer Design 4:
body {
margin: 0px;
padding: 0px;
border: 0px;
color: black;
background: url(menubg.gif) repeat-y;
}
body, a, p, td, blockquote, ul, ol, dl, option {
font-family: "comic sans ms", arial, sans-serif;
font-size: 10pt;
}
#topbar {
position: absolute;
top: 0px;
left: 0px;
height: 68px;
width: 100%;
background: url(topbg.gif) repeat-x;
color: black;
text-align: center;
}
#topl {
position: absolute;
top: 0px;
left: 0px;
padding-left: 5px;
height: 68px;
width: 183px;
background: url(topleft.gif) no-repeat;
color: black;
}
#menu {
position: absolute;
top: 0px;
left: 0px;
padding-top: 80px;
padding-left: 5px;
width: 183px;
z-index: 5
}
#post {
position: absolute;
bottom: 0;
left: 0px;
padding-left: 5px;
width: 183px;
z-index: 5
}
#indhold {
position: absolute;
top: 0px;
left: 0px;
padding-top: 68px;
padding-left: 190px;
}
h1, h2, h3, h4, h5 {
text-align: center;
}
#menu a:link, #menu a:visited, #menu a:active, #post a:link, #post a:visited, #post a:active {
text-decoration: none;
color: #3333bb;
background: inherit;
display: block;
}
#menu a:hover, #post a:hover {
color: #ffffff;
background: inherit;
}
Bemærk, at der i menuen er defineret display:block. Derved bliver det ikke nødvendigt at indsætte et line-break <br> efter hvert menupunkt - og menupunktet er aktivt i hele menuens bredde, selv om menuteksten er helt kort.
