Hi Ian!
I appreciate the suggestion, but I had actually tried that previously
as well. I tried it again to make sure:
HorizontalPanel separaterPanel = new HorizontalPanel();
separaterPanel.setWidth("90%");
separaterPanel.setHeight("1px");
DOM.setStyleAttribute(separaterPanel.getElement(),
"borderBottom", "1px solid black");
//DOM.setStyleAttribute(separaterPanel.getElement(),
"border", "1px solid black");
vp.add(separaterPanel);
vp.setCellWidth(separaterPanel, "100%");
vp.setCellHorizontalAlignment(separaterPanel,
HasHorizontalAlignment.ALIGN_CENTER);
Unfortunately that doesn't show either :( Is this a bug then?
Cheers,
Mark
On Nov 1, 4:31 pm, "Ian Bambury" <[EMAIL PROTECTED]> wrote:
> GWT gets translated into JavaScript.
> JavaScript uses camelCase
>
> Therefore you need borderBottom not border-bottom
>
> Ian
>
> http://examples.roughian.com
>
> 2008/11/1 mwaschkowski <[EMAIL PROTECTED]>
>
>
>
> > 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
-~----------~----~----~----~------~----~------~--~---
