Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   How do I add an image at the very bottom of the body? (http://forum.bytesforall.com/showthread.php?t=7878)

lobski Jul 1, 2010 12:36 AM

How do I add an image at the very bottom of the body?
 
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:

http://cedargroverestaurant.com/main...s/bkfooter.jpg

Thanks

proximity4 Jul 1, 2010 02:23 AM

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

ramblogger Jul 1, 2010 03:00 AM

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

lobski Jul 1, 2010 03:32 AM

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

juggledad Jul 1, 2010 05:15 AM

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

lobski Jul 1, 2010 04:09 PM

Quote:

Originally Posted by juggledad (Post 35845)
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/

lobski Jul 1, 2010 08:27 PM

No one? I could use some help!

juggledad Jul 2, 2010 04:49 AM

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

lobski Jul 2, 2010 12:34 PM

Hi, what exactly do I set to 0?

juggledad Jul 2, 2010 01:41 PM

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

lobski Jul 2, 2010 08:01 PM

Quote:

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?

crashley1784 Jul 4, 2010 03:47 PM

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

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 :)

lmilesw Jul 4, 2010 09:34 PM

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.

lobski Jul 18, 2010 07:18 AM

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...


All times are GMT -6. The time now is 07:56 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.