Drop down menu
I am new to richfaces and facing a problem with drop down menu. I am able to generate the menu whereas there is some space automatically coming above the menu. How can remove this space, I will appreciate if you anybody can help me.
The space between table & menu I wanted to remove. Below is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<head>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
color: #333333;
}
.ver {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF0000;
font-size: x-small;
vertical-align: sub;
}
.username {
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link { color: #666666; text-decoration: none;}
a:visited { color: #124976; text-decoration: none;}
a:hover {
color: #FF0000;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #FF0000;
}
.selectblu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; border: 1px solid #84AAF2; color: #333333; background-color: #D8EBF5; margin: 0px; width: 90%;}
.warning { color: red; font-size: small;}
-->
</style>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td >Row 1==>Column 1</td>
<td >Row 1==>Column 2</td>
<td >Row 1==>Column 3</td>
</tr>
<tr>
<td >Row 2==>Column 1</td>
<td >Row 2==>Column 2</td>
<td >Row 2==>Column 3</td>
</tr>
</table>
<h:form>
<rich:toolBar>
<rich:dropDownMenu value="File">
<rich:menuItem submitMode="ajax" value="New" action="#{ddmenu.doNew}">
</rich:menuItem>
<rich:menuItem submitMode="ajax" value="Open" action="#{ddmenu.doOpen}"/>
<rich:menuGroup value="Save As...">
<rich:menuItem submitMode="ajax" value="Text File" action="#{ddmenu.doSaveText}"/>
<rich:menuItem submitMode="ajax" value="PDF File" action="#{ddmenu.doPDF}"/>
</rich:menuGroup>
<rich:menuItem submitMode="ajax" value="Close" action="#{ddmenu.doClose}"/>
<rich:menuSeparator id="menuSeparator11"/>
<rich:menuItem submitMode="ajax" value="Exit" action="#{ddmenu.doExit}"/>
</rich:dropDownMenu>
</rich:toolBar>
</h:form>
<a4j:outputPanel ajaxRendered="true">
<h:outputText value="Current Selection: "></h:outputText>
<h:outputText style="font-weight:bold" value="#{ddmenu.current}"></h:outputText>
</a4j:outputPanel>
</body>
</html>
