Hi,
I want to include two lists on my page.
http://www.chapmanstewart.com/store/...astleTEXT.html
However I've obviously done something wrong in either my
cSS or
html (or both) Please can someone point me in the right direction? The side links 'Self Storage' etc should be on the left next to the yellow bullets.
- Code: Select all
/* CSS Document */
body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
background-color:#FFFFFF;
text-align:left;
background-image:url(images/mainbackground.gif);
background-repeat:repeat-x;
}
ul, li{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
background-image: url(images/sidebullets.gif);
background-repeat: no-repeat;
padding-right: .5em;
}
li,#palletlist ul{
list-style-type: none;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
text-align: left;
}
#palletlist{
width: 350px;
}
#palletbodylist{
width: 350px;
}
#palletlist li{
list-style-type: none;
text-align: left;
padding-left: .5em;
}
#container{
width:850px;
border: solid black 0px;
}
#header{
width:100%;
height: 95px;
background-image:url(images/new2.gif);
background-repeat:repeat-x;
}
#topleft{
background-image:url(images/new1.gif);
background-repeat:no-repeat;
height: 95px;
width: 321px;
float:left;
}
#left{
width: 255px;
float:left;
background-image:url(images/palletside.jpg);
background-repeat:no-repeat;
height: 490px;
}
#left2{
width: 255px;
float:left;
background-image:url(images/palletside.jpg);
background-repeat:no-repeat;
height: 555px;
}
#left3{
width: 255px;
float:left;
background-image:url(images/palletside.jpg);
background-repeat:no-repeat;
height: 510px;
}
#center{
width: 300px;
float:right;
border-right: solid #E00032 3px;
text-align:right;
padding-right: 15px;
padding-top: 30px;
background-position: top right;
}
#right{
width: 270px;
float:right;
margin-left: 5px;
background-image:url(images/personalpics.jpg);
background-repeat:no-repeat;
}
/*classes */
.headerimage{
background-image:url(images/pallet_stor.gif);
background-repeat:no-repeat;
font-size:12px;
}
.nav{
margin-top:58px;
float:left;
}
a.navigation{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#000000;
}
a.navigation:hover{
color:#E00032;
text-decoration:underline;
font-weight:bold;
}
h1 {
font-size: 12px;
padding-top: 0px;
margin-top: 0;
margin-bottom: 0;
font-weight:normal;
padding-left: 85px;
}
#bottomlinks{
width: 400px;
font-size:10px;
color:#999999;
margin-left: 135px;
float:left;
padding-top: 25px;
}
a.bottomlinks{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight:bold;
color:#999;
}
a.bottomlinks:hover{
color:#E00032;
text-decoration:underline;
font-weight:bold;
}
h2 {
text-align: center;
font-size:10px;
color:#999999;
}
a.homelinks{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#000000;
}
a.homelinks:hover{
color:#E00032;
text-decoration:underline;
font-weight:bold;
}
.sideline{
border-bottom: solid #E00032 2px;
color:#000;
font-weight: bold;
padding-left: 0px;
font-size: 11px;
margin-left:85px;
}
.redlinks{
color:#E00032;
font-weight:bold;
}
.sidetext{
font-size: 11px;
padding-top: 0px;
margin-top: 0;
margin-bottom: 0;
font-weight:normal;
padding-left: 85px;
}
.leftsidetext{
width: 190px;
float:left;
padding-top: 205px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}
#centerfaq{
width: 550px;
float:right;
text-align:left;
padding-right: 15px;
padding-top: 30px;
background-position: top left;
}
#estimatorbedrooms{
width: 356px;
height: 82px;
}
#estimatorvehicles{
width: 315px;
height: 82px;
margin-top: 25px;
}
#estimatorvans{
width: 356px;
height: 82px;
}
#estimatorboxes{
width: 356px;
height: 82px;
}
#red{
color:#FF0000;
}
/*form */
div.row {
clear: both;
padding-top: 2px;
}
div.row span.label {
float: left;
width: 100px;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#000000;
}
div.row span.formw {
float: left;
width: 235px;
text-align: left;
margin-left: 15px;
}
submit{
margin-left: 50px;
}
a.navigationred{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#E00032;
}
a.navigationred:hover{
color:#000000;
text-decoration:underline;
font-weight:bold;
}