html - layered backgrounds - Forums

html - layered backgrounds, or something of the sort

the tonestarr View Profile View Subprofile	Oct 20 2005, 02:48 PM Post #1
Newbie Group: Member Posts: 4 Joined: Oct 2005 Member No: 271,494	Okay, here's the deal. I know this is possible - I've seen it done (and with HTML). I'm trying to find a way to code it so I have two background images on a single page (in my Xanga, but that's irrelevant). I want one of the images to repeat in all directions (which I have coded to do right now - that's the easy part). Here's where it gets tricky. I want a second image to originate in the bottom right-hand corner, NOT repeating, but sitting atop the other image (yeah, layered backgrounds). And I want it to stay fixed right there, so when you scroll the page, the actual PAGE moves, but the image stays in the same spot on the screen. Okay, ready? GO!
[Up]	[Quote]

Replies

Libertie	Oct 21 2005, 11:49 AM Post #2
Guest	I do know what you're talking about, because I use it for layouts all the time. It's not exactly having two background images, but there is more than one image in the background and the text goes on top of them all. And it does use DIV layers. Mine basically looks like this (wayyy watered down version): <!-- begin code provided by createblog.com --><br /><html><br /><head></head><br /><br /><!-- ACTUAL BACKGROUND IMAGE --><br /><body background="THE_IMAGE_YOU_WANT_TO_TILE.jpg"><br /><br /><!--YOUR OTHER BACKGROUND IMAGES --><br /><div style="position: absolute; left: 0px; top: 0px"><br /><img src="anybackgroundimage.jpg"><br><br /><img src="youcanhavemorethanone.jpg"><br><br /><img src="justmakesureyoulinebreakbetweeneach.jpg"><br /></div><br /><br /><!--CONTENT --><br /><div style="position: absolute; left: ##px; top: ##px; width: ##px; height: 0px"><br />Content here!<br /></div><br /><br /><!-- SIDEBAR OR OTHER TEXT AREA --><br /><div style="position: absolute; left: ##px; top: ##px; width: ##px; height: 0px"><br />Other content here!<br /></div><br /><br /></html><br /><!-- end code provided by createblog.com --> So yeah, the only other way to have another background image is if you use tables. A table, row, or cell can have its own background image as well. I recommend using DIV still though, because tables are more difficult to position.
[Up]	[Quote]

Posts in this topic

the tonestarr html - layered backgrounds Oct 20 2005, 02:48 PM

LuvsDogs387 I think I get what you mean. But I think you only ... Oct 20 2005, 06:22 PM

the tonestarr no, that's not doing what i want. actually, th... Oct 21 2005, 08:24 AM

Libertie I do know what you're talking about, because I... Oct 21 2005, 11:49 AM

Spiritual Winged Aura ^ Is it like .. tablet? Nov 7 2005, 10:57 PM

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)

0 Members:

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline