On Mon, Aug 15, 2011 at 9:06 AM, Tindle, Terri <terri.tin...@ago.mo.gov> wrote: > Hello all. > > Css sprites mystify me. I feel like I understand them in theory but still am > not able to get them to work. Here's the link I'm working with: > > http://ago.mo.gov/index3.php > > I am trying to add a new button below "Consumer Complaints" but I'm not sure > what to put for the y value. The reason I'm so confused is because of the > following code: > > ul#actionButtons li#stops a {background: transparent > url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -700px;} > ul#actionButtons li#reportWater a {background: transparent > url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -620px;} > ul#actionButtons li#mortgageFraud a {background: transparent > url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -80px;} > ul#actionButtons li#consumerComplaint a {background: transparent > url(/images/action_buttons/08112011Sprite.png) no-repeat 0 -310px;} > > Mortgage fraud is between Clean Water and Consumer Complaints but the y value > is greater than both of them. Can someone explain? > > Thanks, > > Terri Tindle > Information Systems Specialist > Office of the Attorney General > Work: (573) 751-1795 > Cell: (573) 659-0347 > terri.tin...@ago.mo.gov<mailto:terri.tin...@ago.mo.gov> > > ______________________________________________________________________
It appears that visual order of the buttons on the page is different than the order of the buttons in the graphic itself. This would account for discrepancies. The third button on the page is the second button in the graphic. HTH -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/