The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How can I past bottom image into my forum code without ruin it ?

2 posters

Go down

Solved How can I past bottom image into my forum code without ruin it ?

Post by ave20 June 13th 2011, 3:39 pm

Hi

This is my forum: www.l2support.com
Look at the bottom image:
https://i.servimg.com/u/f21/14/71/02/97/down_f12.png (980x200 pix)
I want to replace it with my new image:
https://i.servimg.com/u/f21/14/71/02/97/down_f14.jpg (1280x400 pix)
This is the code at my CSS for bottom image:
Code:
#pun-foot {
        background-image: url('http://i21.servimg.com/u/f21/14/71/02/97/down_f12.png');
        background-repeat: no-repeat;
        background-color: #ffffff;
        margin-left: -18px;
        width: 980px;
        height: 200px;
        background-position: center bottom;
   }
Now, when I change the width and height to 1280 / 400 and change the link to my image, my forum looks messedup:
https://i.servimg.com/u/f21/14/71/02/97/wrong10.jpg
Here is the code that Ive use to get that effect:
Code:
#pun-foot {
        background-image: url('http://i21.servimg.com/u/f21/14/71/02/97/down_f14.jpg');
        background-repeat: no-repeat;
        background-color: #ffffff;
        margin-left: -168px;
        width: 1280px;
        height: 400px;
        background-position: center bottom;
   }
But I want to make it look like this:
https://i.servimg.com/u/f21/14/71/02/97/correc10.jpg

Any ideas ?


Last edited by ave20 on June 13th 2011, 4:19 pm; edited 1 time in total
avatar
ave20
Forumember

Posts : 108
Reputation : 0
Language : Polski

Back to top Go down

Solved Re: How can I past bottom image into my forum code without ruin it ?

Post by Nera. June 13th 2011, 3:48 pm

Hi Ave,
How are you?

Save your present properties in notebook if this doesn't work so you can put them back.
Replace your pun-foot with mine and pun-about with mine.

Code:
#pun-foot {
    background-color: #FFFFFF;
    background-image: url("http://i21.servimg.com/u/f21/14/71/02/97/down_f14.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 400px;
    margin-left: -128px;
    width: 1200px;
}

Code:
#pun-about {
    background-color: transparent;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0;
    font-size: 8px;
    line-height: 150%;
    margin-left: 140px;
    padding: 0.6em 1em;
    width: 900px;
}

This should be your resault http://i.imm.io/6pH4.png
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: How can I past bottom image into my forum code without ruin it ?

Post by ave20 June 13th 2011, 4:09 pm

Hi Nera. ! Nice to see You again ! :*

So, I did like You told me. The "Jump to" (or "Go to") option is at correct place now, but the description is still at wrong place. Look:

https://i.servimg.com/u/f21/14/71/02/97/wro10.jpg
avatar
ave20
Forumember

Posts : 108
Reputation : 0
Language : Polski

Back to top Go down

Solved Re: How can I past bottom image into my forum code without ruin it ?

Post by Nera. June 13th 2011, 4:11 pm

Try adding this to CSS
Code:
#pun-about {
    width: 950px;
}
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: How can I past bottom image into my forum code without ruin it ?

Post by ave20 June 13th 2011, 4:18 pm

Nera. wrote:Try adding this to CSS
Code:
#pun-about {
    width: 950px;
}
Oh my dear, I didnt added the "width" into #pun-about at first time Confused Sorry...

Its working like a charm now ! Nera. You helped me out once again ! A big hug for You kiss

Thank you Nera. ! :*
avatar
ave20
Forumember

Posts : 108
Reputation : 0
Language : Polski

Back to top Go down

Solved Re: How can I past bottom image into my forum code without ruin it ?

Post by Nera. June 13th 2011, 4:19 pm

Hugs Ave, by Hello

~ Solved - Locked
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum