I wish to make the heading "Inner Eye" and the below description with "ask | archive" and the picture of the eye be in a fixed position. So that when scrolling, the header and description follows down the page.
I'm going to assume this is the part of the HTML you'd want to look at:
<style>
body {
font-family: Verdana;
font-size: 10px;
line-height: 18px;
text-rendering: optimizeLegibility;
color: #323B41;
margin: 0;
padding: 0;
background: white}
#wrapper {
width: 425px;
margin: 0 auto 3em;
position: relative;
}
#header {
text-align: center;
margin: 3.25em 0 6.0em 0;}
#header h1 {
font-family: Palatino Linotype;
font-weight: normal;
font-size: 22px;
line-height: 21px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;}
#header h1 a {
color: #323B41;
text-decoration: none;
}
#header h1 a:hover {color: #000000;
text-decoration: none;}
#description {
font-size: 10px;
line-height: 15px;
color: #A8A8A8;
text-align: center;
margin: 0;}
#description a {
color: #A8A8A8;
text-decoration: none
}
#description a:hover {color: #000000;
text-decoration: none;}
#content {
margin: 0;}
I'm going to assume this is the part of the HTML you'd want to look at:
<style>
body {
font-family: Verdana;
font-size: 10px;
line-height: 18px;
text-rendering: optimizeLegibility;
color: #323B41;
margin: 0;
padding: 0;
background: white}
#wrapper {
width: 425px;
margin: 0 auto 3em;
position: relative;
}
#header {
text-align: center;
margin: 3.25em 0 6.0em 0;}
#header h1 {
font-family: Palatino Linotype;
font-weight: normal;
font-size: 22px;
line-height: 21px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;}
#header h1 a {
color: #323B41;
text-decoration: none;
}
#header h1 a:hover {color: #000000;
text-decoration: none;}
#description {
font-size: 10px;
line-height: 15px;
color: #A8A8A8;
text-align: center;
margin: 0;}
#description a {
color: #A8A8A8;
text-decoration: none
}
#description a:hover {color: #000000;
text-decoration: none;}
#content {
margin: 0;}