We're building a widget, using (primarily) a menu and a vertical panel
for display of data.
The menu part is built of 9 MenuItem elements, a vertical MenuBar
holding the MenuItems, and a horizontal MenuBar holding the vertical
MenuBar:
MenuItem reserves;
reserves = new MenuItem("Course Reserves", reservesCommand);
MenuBar nested = new MenuBar(true);
nested.addItem(reserves);
MenuBar mainMenu = new MenuBar(false);
mainMenu.addItem("Select", nested);
First problem: we want to modify the font, text size and text color
for the mainMenu--but the "font-family," "font-size" & "color" CSS
directives are ignored & the menu title always displays as black
Arial. Suggestions?
Second problem: the menu is followed by text header, added to a
VerticalPanel via an HTML widget:
VerticalPanel contents;
contents.add(new HTML("<h2>Library Hours <span>/ Fall Quarter</span></
h2>"));
The header styles just the way we want; however, in IE (and only in
IE), a 10-20 pixel gap displays between the menu and the header.
Suggestions?
These are the menu and header style classes:
h2 {
background: #e9e9e9;
color: #888;
font-size: .9em;
font-weight: normal;
margin: 1px 0 10px 0;
padding: 7px 10px 7px 10px;
font-family: arial, sans-serif;
}
h2 span {
color: #a9a9a9;
font-size: .9em;
margin: 2px 0 10px 0;
font-family: arial, sans-serif;
}
.widget-menuItem {
background: #fff;
color: #0978EA;
font-family: arial, sans-serif;
font-size: 0.9em;
padding: .375em 0 .375em .2em;
width: 190px;
}
.widget-menuItem-selected {
color: #999;
background: #fff;
outline: 0;
width: 190px;
}
.widget-mainMenu {
background: #ccc url(images/arrowdown.png) no-repeat center right;
border: 1px solid #ccc;
margin: 0;
padding: .25em 0 .25em .25em;
width: 210px;
font-family: verdana;
font-size: 1.25em;
color: white;
}
.widget-menuHolder {
padding: 7px 0 0 7px;
margin: 0;
color: #ccc;
font-size: 1.25em;
border: 1px solid #999;
background: #fff;
}
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
