I'm having a couple of problems with css, any suggestions appreciated.

I'm trying to create a bottom border, similar to an <hr> html element.

I've tried the following:

                HorizontalPanel separaterPanel = new
HorizontalPanel();
                separaterPanel.setWidth("90%");
                separaterPanel.setHeight("1px");
                separaterPanel.add(new Label("--"));
                //DOM.setStyleAttribute(separaterPanel.getElement(),
"border-bottom", "1px solid black");
                DOM.setStyleAttribute(separaterPanel.getElement(),
"border", "1px solid black");
                vp.add(separaterPanel);
                vp.setCellWidth(separaterPanel, "100%");
                vp.setCellHorizontalAlignment(separaterPanel,
HasHorizontalAlignment.ALIGN_CENTER);

which works fine, but only with a Label present (which I don't
actually want). The I comment out the the 'border' tag and instead try
to use 'border-bottom', as shown below, nothing displays:

                DOM.setStyleAttribute(separaterPanel.getElement(),
"border-bottom", "1px solid black");
                //DOM.setStyleAttribute(separaterPanel.getElement(),
"border", "1px solid black");

and if I remove the label, neither css shows a border. Can someone set
me on the right css path?

Thanks!

Mark



--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to