how do I add images using absolute positioning?

[gjh42]

That should work, as long as there is something inside the div to give it size. What is the entire div content you had? Can you put it back so I can take a look?

[ScottDB]

Well that's probably what is wrong then since I just barely understand how this works. Kind of a newbie.

That was the entire content of the div. I just added that to the end of the define page editor/ index page just like that. Just the css code that I had shown and the <div class="sticky"> in the page

[dbltoe]

You have nothing in the sticky or in the stylesheet.

Except for 16 <br> tags!

[ScottDB]

Well I just checked and all the way at the bottom of the index_home.css I have the code that I posted above

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

In the define main page I have towards the top of all those </br>'s the <div class="sticky"> and oh dang. I just realized that even though I don't know what you mean I should be putting into the sticky I don't even have an end </div>

[dbltoe]

That will not load.
Should be in stylesheet.css or something like stylesheet_home.css or it won't load.

[ScottDB]

Ok I'll try and rename the template but that is what was told to me to do in another post and it seems to be working for everything else.

[dbltoe]

The index_home.css and the regular stylesheet.css (neither is a template) are butting heads and if you use firebug you'll see that the background image never shows up.
You might try the .jpg fix mentioned earlier. If you are using png for transparency, it just doesn't work well enough to try.

[ScottDB]

Sorry, Mistake on wording. I meant change the name of the stlyesheet index_home.css. I did rename the image to jpg and in the css as well just now. Did it earlier but when I added it back in later I forgot to change it again.

The reason that the stylesheets are butting heads are probably because I didn't do what was suggested and just add the edits I made to the original stylesheet. I just used the whole stylesheet and renamed it. I was planning on going through that later and deleting all the stuff that wasn't changed out of the index_home.css

[gjh42]

<div class="sticky">

#sticky {

# is the symbol for an id, not a class. You need to either change that to . or change class= to id=.

.sticky {

[ScottDB]

Thanks for the info. I tried it again with no luck. I knew that the two were different but didn't know which one was for what. I tried it with both id and class and nothing shows. I even tried them both with different left and top coordinates. Here is what I am using

.sticky {
	background: url(../images/sticky.jpg);
	position:absolute;
	left:168px;
	top:43px;
	}

With this I am using <div class="sticky"></div>