background side board help needed

[Kimbh 0]

Hello, I am not very good at css but trying to learn. I am still working on this site but you can at least see my problem http://www.printableshop.com/My problem at this point is the scissors image. I thought I could make an image with a white rectangle and scissors on the right hand side of the what image and made them a png as long as I made it the same width that #main then I could adjust the right side margins from there to make it all fit correct but the scissors are running down both sides. #main { float: right; width: 600px; padding: 0; margin: 0; padding-left: 10px; padding-right: 10px; background: url('images/scissors.png') scroll top;}Any help would much appreciatedThank youKimber

[thescientist 231]

just remove the padding and make the image cut to fit. Just keep adding extra space on the left of the image until it lines up.

[dsonesuk 925]

because you have not stated what sort of repeat you require, it uses the default and repeats it across as well as down, try using repeat-y.#main { float: right; width: 600px; padding: 0; margin: 0; padding-left: 10px; padding-right: 10px; background: url('images/scissors.png') top repeat-y;}to make it tight against the right edge you might want to include 'right' as well, as it will set it to 'center' by default as well.background: url('images/scissors.png') right top repeat-y;

Edited August 5, 2010 by dsonesuk

[HungryMind 0]

Hi!Let Me Clear 1 More Thing.If U R Using DivWidth: 600px;padding-left: 10px;padding-right: 10px;Then Ur Your Actual Div Size In Width Will Be 620px;So U'll Have To Use Image 620px In Size.Coz Right & Left Padding Will Be Add In Width Size.Same For Height If U R Using Top Or Bottom Padding.So Set Ur Width According To Left Or Right Paddinge.g:- as subtractwidth - padding left - padding rightorheight - padding top - padding bottomIf U R Using Fixed Height Or Width In SizeSo Try This CSS ID

/* right padding almost will be 40px; */#main {float: right;width: 550px;padding: 0px 40px 0px 10px;background: url('images/scissors.png') repeat-y;}

[Kimbh 0]

Thank you for the help. I am much closer to the look I want.