Home › Forums › Back End › zen photo help › Re: zen photo help
well what i’m trying to do is add an image to the bottom and top of the main div, i don’t have the site up live because its working off my local host using winamp, but heres a pic of what it looks like now.
http://www.stray-designs.com/pics/pic.html
and the one at the bottom shows the container and how it should look like.
and from the first post you can see the html and css for the page.
oh and the css for the site is
height: 100%;
}
/* Main Layout
—————————— */
body {
background-color:#1D1D1D;
color:#FFFFFF
}
#main {
height:auto;
margin:0 auto;
position:relative;
width:671px;
text-align: left;
background:url(../images/container-background.jpg) repeat-y scroll 0 0;
padding-left:10px;
}
#top image {
background:url(../images/top-container.png);
width:671px;
height:
}
#credit, #sort {
margin: 0 auto;
width: 640px;
font-size: 85%;
color: #294550;
text-align: right;
clear: both;
}
#credit a, #sort a {
text-decoration: none;
color: #294550;
border-bottom: 1px dotted #294550;
}
#credit a:hover, #sort a:hover {
color: #748da0;
border-bottom: 1px solid #294550;
text-decoration: none;
}
#gallerytitle {
border-bottom: none
padding-bottom: 14px;
margin-bottom: 20px;
/*min-height: 40px;
_height: 40px;*/
}
#gallerytitle h2 {
font-weight: normal;
font-size: 12pt;
margin-top: 18px;
width:510px;
}