I need to absolute position an image in a page. A possible solution would 
be to use a popup panel, but to make the page cleaner I prefer to absolute 
position the image itself. I tried the code below (and some variations of 
it), but the image appears contained in a div, which has top, left, right 
and bottom styles equals to 0, and so it covers all the page.
Is there any way to absolute position an image?

Thanks

 Image img = new Image( HandleImages.instance.green().getURL() );

 DOM.setStyleAttribute( img.getElement(), "position", "absolute" );

 DOM.setStyleAttribute( img.getElement(), "left", "100px" );

 DOM.setStyleAttribute( img.getElement(), "top", "100px" );

 img.setPixelSize( 12, 12 );

 img.setSize( "12px", "12px" );

// img.getElement().getStyle().clearRight(); // no effect

// img.getElement().getStyle().clearBottom(); // no effect

RootLayoutPanel.get().add( img );

-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To view this discussion on the web visit 
https://groups.google.com/d/msg/google-web-toolkit/-/CeBjc1NZ1YwJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to