Does Anyone Know How To Do This?

They have: 4 posts

Joined: Oct 2005

Hi,

I am wondering if you could tell me how to make this same to images (the tartan) be the same on the bottom? , I want it to be able to change on the height of the page so it is always along the bottom? no matter of the screen size etc.

how do I do it?

DC_Sara's picture

She has: 392 posts

Joined: Jan 2002

You can do that with .CSS. Just make a header and a footer and put the image in that. I use Top Style by Bradbury for .CSS. Smiling

demonhale's picture

He has: 3,278 posts

Joined: May 2005

if its a BG image, then on youre body tag use these CSS or on your CSS put it in the body tag...

Quote:

try it out if this is what you mean...

Busy's picture

He has: 6,151 posts

Joined: May 2001

You can even float the background (I use this on one of my sites)
in a css file is best (you will be using CSS right?)

body { background-image: url("imagename.gif"); background-repeat:repeat-x; background-attachment: fixed; }

is best to set your background-color and color in body as well

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

But don't you want the background on the top and bottom?

I'm trying to think of a way to achieve this... Unfortunately there's no way (although there will be in about 4-6 years time) of setting two backgrounds on the same element. Sad

a Padded Cell our articles site!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

you could actually try two full divs with percentage bottom distances and make it auto adjust to the width too, then use the regular background on the body tag for the top part... While ont that div, use z-indexes, that way you will seem to have a seperate top background and seperate site bottom background... just a trick I tried before...

Busy's picture

He has: 6,151 posts

Joined: May 2001

that image has a bottom section? I just see a tarten style top section

demonhale's picture

He has: 3,278 posts

Joined: May 2005

jeeves just pointed out an example busy, so i suggested an option for doing seperate images for bg...

They have: 80 posts

Joined: Feb 2003

you can achieved this by frames althought its not the way you want to go about it. alternatively, you can use css to set the bottom image repeatable and fixed non scrollable to the body tag, then find a floating menu script for the top and configurated it with the background image and make it your header/navigation, I have tried and use css to do this but it only seems to work with FF and not IE, but if you make 3 frames and use the top/bottom frame with the bg image, its relatively easy and less headache if you just want to achieve the effect.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

or another I can think of again is make seperate middle, header and footer php files and do one index with the three includes that have seperate BG... though it wont validate...

Busy's picture

He has: 6,151 posts

Joined: May 2001

Frames are bad and should not be considered, several reasons: pages cant be bookmarked, not search engine friendly ...

Using the php includes would just be 3 seperate divs, and would validate
You can only have one body background

demonhale's picture

He has: 3,278 posts

Joined: May 2005

I said it wont validate unless you commanded a Bg to fix itself as seperate php pages, using div was my first example, so making it using php is not useful if you plan to use full divs anyways... just to clear things up...

The Ape's picture

He has: 26 posts

Joined: Apr 2006

If i'm understanding this right you just want that pattern to be at the top as well as the bottom. Make it the body BG, bottom left, repeat-x.... then also place it inside of a div that is your header, set in class like .header, which is 100% width. BG, top left, repeat-x.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.