det hvide tekst felt - måske lettere at se på denne side skal stilles 20 pixels til højre for menuen til venstre:
http://www.because-test.dk/shelf/shelf_system.asp?ID=9css:
body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
background-color: #000000;
background-image:url(../img/baggrund.gif);
background-repeat:no-repeat;
}
#page {
margin: 0px;
padding: 0px;
position: relative;
}
/*Navigation is submenus. Left side navigation*/
#left {
width: 216px;
margin: 0px;
padding: 80px 0px 0px 20px;
float: left;
background:none;
}
#about {
float: left;
width: 218px;
height: 150px;
background-image:url(../img/about.gif);
background-repeat: no-repeat;
margin-bottom: 20px;
}
#about a {
display: block;
width:100%;
height:100%;
background-image:url(../img/about.gif);
background-position: top left;
background-repeat: no-repeat;
}
#about span {
display: block;
margin: 0px;
padding: 0px;
}
#about a:hover {
background-position: -220px;
}
#about a:active {
background-position: -220px;
}
#aboutActive {
float: left;
width: 218px;
height: 150px;
background-image:url(../img/about.gif);
background-repeat: no-repeat;
margin-bottom: 20px;
background-position: -220px;
}
#shelf {
float: left;
width: 220px;
height: 100px;
background-image:url(../img/shelf_system.gif);
background-repeat: no-repeat;
margin-bottom: 20px;
}
#shelf a {
display: block;
width:100%;
height:100%;
background-image:url(../img/shelf_system.gif);
background-position: top left;
background-repeat: no-repeat;
}
#shelf span {
display: block;
margin: 0px;
padding: 0px;
}
#shelf a:hover {
background-position: -220px;
}
#shelf a:active {
background-position: -220px;
}
#cases {
float: left;
width: 220px;
height: 100px;
background-image:url(../img/cases.gif);
background-repeat: no-repeat;
margin-bottom: 20px;
}
#cases a {
display: block;
width:100%;
height:100%;
background-image:url(../img/cases.gif);
background-position: top left;
background-repeat: no-repeat;
}
#cases span {
display: block;
margin: 0px;
padding: 0px;
}
#cases a:hover {
background-position: -220px;
}
#cases a:active {
background-position: -220px;
}
#bookit {
float: left;
width: 220px;
height: 150px;
background-image:url(../img/book_it.gif);
background-repeat: no-repeat;
margin-bottom: 20px;
}
#bookit a {
display: block;
width:100%;
height:100%;
background-image:url(../img/book_it.gif);
background-position: top left;
background-repeat: no-repeat;
}
#bookit span {
display: block;
margin: 0px;
padding: 0px;
}
#bookit a:hover {
background-position: -220px;
}
#bookit a:active {
background-position: -220px;
}
/*Main content declarations*/
#content {
width: 760px;
float:left;
margin: 0px;
padding: 0px;
}
#info {
float:left;
display:inline;
margin: 0px;
padding: 0px;
}
#textBox {
float: left;
position: relative;
margin: 80px 20px 20px 22px;
padding: 20px;
width: 170px;
height: 350px;
background-color: #FFFFFF;
}
#bookitBox {
float: left;
position: relative;
margin: 80px 20px 20px 20px;
padding: 20px;
width: 460px;
height: 350px;
background-color: #FF6600;
}
#bookitBox1 {
float: left;
position: relative;
margin: 0px;
padding: 0px;
width: 170px;
height: 348px;
}
#bookitBox2 {
float: left;
position: relative;
margin: 0px;
padding: 0px 0px 0px 20px;
width: 270px;
height: 348px;
}
.field {
border: 0px;
margin:0px;
padding-left:5px;
width:200px;
height: 13px;
background-color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:70%;
color:#000000;
text-align:left;
}
.fieldLarge {
border: 0px;
margin:0px;
padding:10px;
width:246px;
height: 130px;
background-color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:70%;
color:#000000;
text-align:left;
}
.button {
padding:5px;
border: 0px;
background-color:#FF6600;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:70%;
color:#000000;
text-align:left;
cursor: pointer;
}
.p {
font-size: 70%;
line-height: 16px;
color: #000000;
font-weight: normal;
margin:0px;
padding: 0px;
}
#imageBox {
float: left;
position: relative;
margin: 80px 0px 0px 0px;
padding: 0px;
height: 390px;
}
#repeatBox {
float: left;
margin: 0px 20px 20px 22px;
padding: 20px;
width: 460px;
height: 110px;
background-color: #FFFFFF;
}
#content h1 {
font-size: 100%;
line-height: 16px;
color: #71BD24;
font-weight: normal;
margin:0px 0px 5px 0px;
padding: 0px;
}
#content p {
font-size: 70%;
line-height: 16px;
color: #000000;
font-weight: normal;
margin:0px;
padding: 0px;
}
#content a:link, #content a:visited {
font-size: 80%;
color: #464749;
text-decoration: underline;
}
#content a:hover, #content a:active {
font-size: 80%;
color: #6EB927;
text-decoration: none;
}