| Abronsyth |
11-19-2016 07:45 AM |
There are some little typos you may want to check in your css though. Body really has no need to use margin, padding, height, or width so you're best off just removing those to cut down on clutter. Under image you have border-left:opx solid #f5eb9f; instead of border-left:0px solid #f5eb9f; (you have o instead of 0). I cleaned it up a bit for you;
HTML Code:
body{
background: url("http://dacankey.mysidiahost.com/picuploads/png/2utq2kg.jpg") no-repeat top center fixed;
background-size: cover;
}
#image {
border-left:0px solid #f5eb9f;
border-right:0px solid #f5eb9f;
border-bottom:0px solid #f5eb9f;
background:url("http://dacankey.mysidiahost.com/picuploads/png/banner.png") center no-repeat;
height:260px;
}
#wrapper {
width:1000px;
margin:0 auto;
}
th {
padding:0px;
background-color: #f5eb9f;
}
td {
background:#f5eb9f;
}
#menu {
list-style-image:url("Bullet Flower.png");
position: relative;
right:-750px;
margin:10px;
width:25%;
height:250px;
padding:10px;
border-right: 10px solid #f5eb9f;
border-left: 10px solid #f5eb9f;
border-top: 10px solid #f5eb9f;
border-bottom: 10px solid #f5eb9f;
background:#cba774;
vertical-align:top;
}
#menu p{
margin:auto 10px;
padding:2px;
color: #e6ff5c;
}
#menu h1 {
font-size: 11pt;
border-bottom: 3px solid #DDD;
margin:2px auto 3px 10px;
color: #000;
text-transform:lowercase;
}
#menu a {
margin:auto 10px;
display: block;
border-bottom: 1px solid #CCC;
padding: 2px;
padding-left: 10px;
font-size: 9pt;
letter-spacing: 1px;
color: #73562e;
}
#menu a:hover {
background-color: #cba774;
border-bottom-color: #000;
color: #73562e;
}
#content {
vertical-align:top;
padding-left:10px;
position:relative;
left:-250px;
}
#footer {
padding:0%;
font-size: 14px;
border-style: solid;
border-color: #6e6e6e;
border-width:1px 0px 0px 0px;
}
#content p {
padding:3px;
margin:auto 10px;
}
#content h1 {
background-color:#cba774;
font-size: 16pt;
border: 13px solid #cba774;
margin:10px;
margin-top: 10px;
color: #000000;
}
a{
text-decoration:none;
color:#292925;
}
a:hover {
color:#73562e;
}
code {
display:block;
margin:10px;
padding:5px;
border-top:5px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#adoptable {
width: 350px;
height: 250px;
border: 3px solid #cba774;
padding: 10px;
}
#training {
width: 150px;
height: 250px;
border: 3px solid #cba774;
padding: 10px;
left: 400px;
top: 93px;
}
#clickpagelink {
width: 710px;
height: 50px;
border: 3px solid #cba774;
padding: 10px;
}
Anyways, I visited your site to check out the theme in action and I am not seeing the issues you are having with alignment being out of place. However, I can scroll down as far as a heading that says "News & Events" but there is nothing else beyond that, no footer. I do not know if this is intentional or not?
Is the current theme on your site the one with the alignment issue, or is it a different theme you are currently testing? |
