Does Anyone Know How To Do This?
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 posted this at 00:14 — 20th March 2006.
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.
demonhale posted this at 03:09 — 20th March 2006.
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...
try it out if this is what you mean...
Busy posted this at 09:57 — 20th March 2006.
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 posted this at 13:35 — 20th March 2006.
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.
a Padded Cell our articles site!
demonhale posted this at 15:53 — 20th March 2006.
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 posted this at 21:00 — 20th March 2006.
He has: 6,151 posts
Joined: May 2001
that image has a bottom section? I just see a tarten style top section
demonhale posted this at 01:25 — 21st March 2006.
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...
starter posted this at 19:11 — 24th March 2006.
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 posted this at 03:36 — 25th March 2006.
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 posted this at 10:40 — 25th March 2006.
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 posted this at 15:42 — 25th March 2006.
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 posted this at 12:25 — 2nd April 2006.
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.