Need help with and image position on a website

I am a newbie to computer design so i am just learning it all as
i go. I have a website but need to shift my front index image over about an
inch but dont know how. Here is what the code looks like.
( background:#fff image(index_header.jpg) no-repeat center 33px; )

I have tried to change center with right but it moves too far. How can i get it
to move slightly? I have attached a screenshot of what i want it to do.
I would really apreciate anyones help.

 

When you have issue with you code, either give us a live url or give us the markup and css to determine the issue. I am assuming and may be use margin or padding for the tag which have background style associated with.

 

There are always more than one way to do something. Commonly there is the right way and there is usually a hack. In the "old days" we used spacers which were images of the same color as the background. Sometimes we made images only one pixel wide (or tall) to make an image behave. You can also edit an image to make it wider of more narrow to get it to fit just right. Everything for you depends on what tools you are using to author your page. Is it straight up HTML, or are you using CSS? Are you using tables and cells?

 

HI,

You have used
( background:#fff image(index_header.jpg) no-repeat center 33px; )

replace it to.

.bannersec.
{
background:url(index_header.jpg) no-repeat top right #fff ;
width:?
heigth:?
}

and difine width and height in it... you will achive what you want.

have a nice day

2webros

 

Hello dear!

use margin or padding properties. Try to adjust them and it will be done.