Sun, 2004-04-04 20:41
I saw a post on here a while back asking about two background images.. And i think someone mentioned it's not possible, but I can't find it even with the search...
Anyways, I got an image at the top, just I need another image at the bottom. The only thing i'm thinking is placing another div inside of a div and place it at the bottom...
Any other suggestions on what I should do?
-peace
Sun, 2004-04-04 22:51
#1
two images...
Jut use two seperate divs. A head and a footer. and you can either define the image in the css as the background image, or just call the images out in the HTML in their respective <div>s.
Mon, 2004-04-05 04:41
#2
two images...
LaLindsey wrote:
Jut use two seperate divs. A head and a footer. and you can either define the image in the css as the background image, or just call the images out in the HTML in their respective <div>s.
I think I may have figured it out. Just I can't figure out how to push the div up so that it's adjacent to the above div. I tried using bottom: 0em; in #bottom-img-left-float, but that doesn't seem to want to work. Can anyone help me out with this problem?
To see what i'm talking about please go to http://maxforcepc.ath.cx:81/maxforcepc/css/index.htm
#links-left-float { /*gets inserted into the leftfloat which has background repeat*/
margin: 25px 0px 0px;
background: url(images/links.jpg) repeat;
padding-bottom: 28px;
}
#bottom-img-left-float {
bottom: 0em;
margin: 25px 0px 0px;
background: url(images/bottom.jpg) no-repeat;
height: 28px;
}
#left-float {
float: left;
margin: 0px 0px 0px;
background-image: url(images/accessories-title.jpg);
background-repeat: no-repeat;
padding: 0px 0px 0px;
}
-thanks