2 replies [Last post]
DiarYofaMadmaN
Offline
Regular
Last seen: 16 years 37 weeks ago
Timezone: GMT-5
Joined: 2004-03-18
Posts: 27
Points: 0

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

LaLindsey
LaLindsey's picture
Offline
Regular
NY
Last seen: 12 years 8 weeks ago
NY
Timezone: GMT-4
Joined: 2003-12-16
Posts: 14
Points: 0

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.

----------------------------------
Lindsey

CSSgirl Designs

DiarYofaMadmaN
Offline
Regular
Last seen: 16 years 37 weeks ago
Timezone: GMT-5
Joined: 2004-03-18
Posts: 27
Points: 0

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