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 ?

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

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

Try adding this to CSS

Code:

#pun-about {
    width: 950px;
}

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

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

Thank you Nera. ! :*

Hugs Ave, by

~ Solved - Locked