how to put image in css 'box'

[dwcasey]

I would like to put an image in the lower corner of this css 'box' i've made.

Is this something I put in the html file as part of the div class statement or should it go in the .css file where the div is defined?

 

[Foamcow]

it can go in either

but the way you do it depends on the situation.

the simplest way is to set the image as a background for your box and fix it to the bottom right.

#myBox {
    background:url(path/to/myImage.jpg) bottom right no-repeat;
}

This may not be suitable though if, for instance you want the user to interact with the image (i.e. make it a hyperlink)

http://www.foamcow.com

- Web design and ranting

http://www.toccoagames.com

- Day of Defeat gaming community
"I'm making time

 

[dwcasey]

Something like this:

<div class="oneThird" style="background-color: rgb(250,240,230) background:url(path/to/myImage.jpg) bottom right no-repeat;">

I already had the color in there, forgot to mention that.

 

[Foamcow]

<div class="oneThird" style="background:url(path/to/myImage.jpg) bottom right no-repeat rgb(250,240,230);">

That should work too. You can specify the color in the same style definition.

try it and see if it works.

http://www.foamcow.com

- Web design and ranting

http://www.toccoagames.com

- Day of Defeat gaming community
"I'm making time