Just to show you shorthand, this does exactly the same as your
CSS that you posted in the thread topic (unless I made a careless mistake
).
- Code: Select all
* {
margin: 0;
padding: 0;
}
body {
color: #000;
font: 14px verdana,arial,sans-serif;
background: #5a677c url(images/background.jpg) repeat-x;
}
a {
padding: 3px 35px;
text-decoration: none;
display: block;
}
p {
margin: 5px 15px;
font-size: 12px;
text-indent: 15px;
}
h1 {
font: bold 18px verdana,arial,sans-serif;
}
h2 {
font-weight: bold;
}
.norm, a.norm {
color: #00c;
font-size: 12px;
text-decoration: underline;
text-indent: 15px;
display: inline;
}
.wrapper {
width: 770px;
}
.content {
position: absolute;
left: 150px;
width: 550px;
background: url(images/main-content.jpg) repeat-y;
}
.nav {
width: 270px;
float: left;
}
.footer {
clear: both;
}
.Navtop {
width: 270px;
height: 27px;
background: url(images/nav-top.jpg) no-repeat;
list-style: none;
}
.button {
width: 270px;
height: 21px;
list-style: none;
background: url(images/nav-.jpg) no-repeat;
}
.button:hover {
margin: 0 0 0 1px;
background: url(images/nav-over.jpg) no-repeat;
}
.contentTopper {
position: absolute;
left: 150px;
top: 152px;
width: 550px;
background: url(images/ContentTop.jpg) no-repeat;
z-index: 1;
}