how do I add images using absolute positioning?

[ScottDB]

Hi, I've done this on other sites before but I cant seem to get it to work on this one. Here is what I was trying for a test to see where it is and adjust but nothing shows.

#sticky {
	background-image: url(../images/sticky.png);
	position:absolute;
	left:168px;
	top:143px;
	}

[rstevenson]

Sorry, but I have to ask. Is sticky.png in the images folder in your template's folder? Or is it in the main images folder? Your style refers to the former location.

Also, just as a test, make the image a jpg and see if it works. (You never know.)

Rob

[ScottDB]

I changed them to jpg and I uploaded it to both folders and also changed the css to reflect the jpg. Still nothing.

[Design75]

This piece of code seems to be okay, but maybe you8 made an error in the code before #sticky. See is you can find any missing brackets or semicolons.

[ScottDB]

I checked and no missing brackets or semicolons.

Just to make sure though, when using this code it should show the image on top of anything else in the page, right? I mean it isn't hiding under another image or anything.

Also I shouldn't have to put anything on the page it should just show because the css says it is supposed to. right?

I've changed the numbers around as well as the images and I can't ever get anything to show. I have the code added to the index_home.css at the bottom. Should the placement make a difference. I have also tried this on the stylesheet.css and still nothing on the other pages as well.

[Design75]

I checked and no missing brackets or semicolons.

Just to make sure though, when using this code it should show the image on top of anything else in the page, right? I mean it isn't hiding under another image or anything.

Also I shouldn't have to put anything on the page it should just show because the css says it is supposed to. right?

I've changed the numbers around as well as the images and I can't ever get anything to show. I have the code added to the index_home.css at the bottom. Should the placement make a difference. I have also tried this on the stylesheet.css and still nothing on the other pages as well.

I is possible it is "hiding" underneath something else. what happens if you add a z-index to it?

[ScottDB]

Don't know what you mean by a z index to it. Never seen that one before. Can you show me the code to add?

[Design75]

#sticky {
	background-image: url(../images/sticky.png);
	position:absolute;
	left:168px;
	top:143px;
	z-index:5;
	}

[gjh42]

What element has the #sticky id? I don't see it in your homepage view source. Does it have something else in it beside the background-image? If not, there will be nothing to give it size and you will not be able to see it.

[ScottDB]

Oh ya, sorry about that. I took it out when doing some more editing figuring that it wasn't working anyway. I was trying to put in the define page editor for main page. I take it that is not where it should go. Not sure where to put it or if I got it right.

Here is what I am trying to use.

<div class="sticky">