Not Solved Fluid header background
#1
Not Solved
I've made a header (look at it here) and as you can see it's centered. But, i want to make his background fluid because forum width is not fixed and so it's hard to march the appropriate size of the header.

Sorry, for my bad English, i hope that you can understand me. I want this header to be centered but also i want to add that blue background on the left and of the right side of the header. I think it's called fluid background.

And I also know that css code for fluid background goes something like this:

background: url(imagefolder/image.gif) center center repeat-x;

But i don't know where to put it. If someone understands my problem and knows the solution please tell me.

Thanks
Reply
#2
Not Solved
Well, first you have to get a 1px width piece of the gradient there... then you should go to Page Container>Extra CSS Attributes then insert this:
background: #fff; url(images/[image_folder]/[gradient].gif) top left repeat-x
Replace the things in brackets. Wink
"A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools." - Doug Adams
Reply
#3
Not Solved
Thanx but it didn't worked. Are you sure i should put it into Page Container?
Reply
#4
Not Solved
you would need to make a new css class and add it to the template
Reply
#5
Not Solved
I'm not sure what that means but i think i don't know how to do it, and it sounds complicated. Can you tell me how to do it or at least give me some pointers, links or something where i can see and read how to do it myself.
Reply
#6
Not Solved
Put it in body instead then... It works for me.
Add this after what you already have in Body>Background:
url(images/[image_folder]/[gradient].gif) top left repeat-x
"A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools." - Doug Adams
Reply
#7
Not Solved
ahero4heor Wrote:Put it in body instead then... It works for me.
Add this after what you already have in Body>Background:
url(images/[image_folder]/[gradient].gif) top left repeat-x

Hey...no, this isn't good either. The first one was ok Smile
Sorry, I've put code somehow wrong and that's why it didn't worked. You were right the first time, this is the right code:

Page Container>Extra CSS Attributes then insert this:

background: #fff; url(images/[image_folder]/[gradient].gif) top left repeat-x
Reply
#8
Not Solved
Alright, glad to hear it's working.
But, it seems like your site is down. Sad
"A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools." - Doug Adams
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)