Newbie background position

[PaulHolmes]

Hi

I seem to be struggling with the background-position element and I am now starting to pull my hair out!

I have a container and within that I have another element with an image which I would like to appear at the bottom right of the container.


CSS

.container
{
width:146px;
height:250px;
float:left;
margin: 0px 0px 0px 0px;
}

.button-sml
{
background-imageimages/generic/button_sml.gif);
background-position: right bottom;
background-repeat: no-repeat;
width:122px;
height:21px;
text-align:right;
}

.colpadding
{
padding: 0px 0px 0px 10px;
}

HTML


<div class="container">
<div class="colpadding">
<div class="button-sml"><a href="#">More</a></div>
</div>
</div>

Any help would be most appreciated.

Thank you.

 

[Vragabond]

Can you explain what exactly you want? If you just want your background at the bottom of your container, then add your background information to the container, not the button-sml class. Furthermore, what is the deal with the .colpadding element? You can simply apply the padding to container and you will end up with the same result without the use of additional element.

 

[PaulHolmes]

Hi Vragabond,

Basically I would like a box with a button in the bottom right-hand corner. Please see

http://www.cadoganholidays.com/CDGTest

Following your last post I have realised what I was doing wrong regarding the background-position.

In respect of the colpad, I have different columns that need different padding set against them. Im sure there is probably an easier way to do this??

My problem now is aligning the text up against the bottom of the container to sit over the background image. Any ideas again?

Thank you.