Hi all, I am trying to create a spinner putting an arrow pointing up on top of one pointing down to increment and decrement a value - same principle as the ones found here:
http://collectionofdemos.appspot.com/demo/com.google.gwt.demos.spinner.SpinnerDemo/SpinnerDemo.html For some reasons, the images always have a few pixels between each other ( apart from IE7 ), and I can't understand why. To put them on top of each other I use a Vertical Panel. I also gave each image its own panel, first Horizontal then Vertical, and set the background to red and yellow to see what is happening - I cropped the images so I can be sure it's not a transparent section of the images between them. - I set the padding of each panel to padding = 0 and margin = 0 to make sure it wasn't that - I resized the images so they were rectangular at first then made them square - I set the height of the panels, first the main vertical panel, then the ones inside - I altered the width of the panels, and the horizontal padding and margin. The horizontal settings work as expected, it's just the vertical ones that just don't want to know - I changed the images, resized them, changed the format from png to jpg to gif - I created a stylesheet class with all the paddings and margins = 0, then applied it to the images, inner panels and outer one. I can always see the padding between the two images. And yes, it's annoying :) Any ideas maybe? Thanks in advance, Dan -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
