CSS Footer

Is there a way I can use css to autmatically add something to the bottom of body like an image.. like

css Code:

body {whatever}

Code:

---

body {
    background : url('image.jpg') no-repeat 50% 100%;
}

---

This will position an image at the bottom of the body element, however browsers tend to have differences on where they place the image in this case. You'll probably get the wanted effect but using an extra div that contains everything.

well, I already have abackground color already, is there a wat to use it with the background color?

You can have the color as the first value, background : #FFF url('') etc.

See CSS property index for details.

Thanks

Whoops, forgot to ask, is there a way to make a horizontal rule after anything in

Code:

---

<h3>

---

You can do h3 { border-bottom : 2px solid color; } - however, that'll do the line in to the h3 element, and not after the content that follows it. You can also use margin, padding, line-height and vertical-align to set how far the line is from the text in the header and how tight the text rows are in the element. Note that margin is outside the line (the border) and all other values effect inside the element's box, only having effect on how far the text is from the border.