can I give padding, or margin to a background image

[photoxprt1868]

I have a some TDs that have a background arrow.gif applied to them through styles. I have it positioned top, left, but it's too close to the top. How can I lower that a couple of pixels without affecting the whole TD?

Thank you very much.

 

[cLFlaVA]

something like this:

td {
  [gray]/* color, image, repeat, distance from left, distance from top */[/gray]
  background: transparent url(/img/img1.gif) no-repeat .5px .5px;
}

*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
beware of active imagination: [URL unfurl="true"]http://www.coryarthus.com/[/url]

BillyRayPreachersSonIsTheLeetestHax0rDude

 

[photoxprt1868]

this is what I have right now. I see it working in Dreamweaver (design view), but not when I preview it. What am I doing wrong?

.myAccLinkTDs{
	background-image:url(/fplcommon/wrapper/images/arrowGreenBG.gif);
	background-repeat:no-repeat;
	background-position:.5px 2px;
	padding:2px 0px 2px 20px;
	/*border-bottom: 1px dotted;*/
	border-bottom-color: #C6F0BF;
}

 

[BillyRayPreachersSon]

I'm not entirely sure what the "." is representing in front of the unit - I didn't think you could have less than one pixel units (0.5 pixels?).

Try removing the .s:

background-position: 5px 2px;

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[cLFlaVA]

and if you're trying for 1/2 a pixel, you can't. the smallest pixel amount is 1.

*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
beware of active imagination: [URL unfurl="true"]http://www.coryarthus.com/[/url]

BillyRayPreachersSonIsTheLeetestHax0rDude