Hi,

I am going for the "newspaper" look, and I would like my middle content box to look like a newspaper... I've succeeded in making the header top look like a newspaper, but I can't place a bottom image...

http://cedargroverestaurant.com/main/

Basically, I would like to add this image to the bottom of the body:



Thanks

I have a webpage with a few divs, one of which contains the written content of the page.
How can I make an image align to the very bottom right corner, so that it appears underneath the content of the page?
I can do this by setting a background image for the body, and setting the position of the background image to bottom right, but this only works in IE & Safari, and shows no image in Firefox.
My next thought was to create a div with the background image and align it to the very bottom right corner, but I can't seem to figure out how. I can only get it to align to the bottom of the 'window', but when there is enough content on the page to cause it to scroll, the image sits in the middle of the content. I can't put it directly under the content inside the same div because of the margins - it won't align all the way to the right side______________________________________________ ____________
apartamentos amueblados panama

I think you should try to create small image after this you can easily inter that image.

Or if you have got new idea for this then also tell me. I have to do also for my blog.

Thanks

Well no matter what I do, I can't get the footer image (bottom of newspaper) to line up correctly...

ATO->Style & edit FOOTER->Footer Style use the CSS 'background' syntax

Originally Posted by juggledad

ATO->Style & edit FOOTER->Footer Style use the CSS 'background' syntax

But if I do that, it doesn't look good, since the footer box is smaller than the actual content center box.
How do I change this?

The footer box is too small: http://cedargroverestaurant.com/main/

No one? I could use some help!

go to ato->Style & configure LAYOUT-> and set it to '0', that will get rid of the container padding so the header, middle and footer will streach the full width. Now the footer background will be fine, you will have to play with the height of the footer and may have to add some padding to the center colum, but you should be able to work that out

Hi, what exactly do I set to 0?

ato->Style & configure LAYOUT->Layout Container Padding Left/Right

padding: 20px; /*This effectively only affects top/bottom padding */
padding-left: 0px;
padding-right: 0px;

background: #ede7d9;
background: url(/main/wp-content/themes/atahualpa/images/newshead.jpg) no-repeat;
border: solid 1px #000000;

/* uncomment next block for round corners */
/*
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
*/
border-radius: 10px;

Doesn't do anything. What am I doing wrong?

Hi, I can answer this question. You cannot have two "background" tags. Your code needs to look like this:

 background: #000000 url(the url to your image) repeat top left;

I've run into that problem a couple of times when I'm not paying attention. It's an easy fix

There is a way to have two background images. I'm not sure where in this forum the code came from but here it is.

Place the code for one background image or color in the body set to repeat-x and positioned at the top. Then put the following code into the HTML/CSS inserts:

html{background:#EEF2FB;background-image:url('http://www.myasha.org/images2/bg-bottom.jpg');background-repeat:repeat-x;background-position:left bottom;}

This adds another background image to the html tag and positions it at the bottom. Note that I had to put the background color in the html tag and remove it from the body tag.

Hi,

That puts a background image at the backdrop of the entire website. I need something that puts at the bottom of the middle header box...