title: How to display image button inline with text in a table cell?
body: <p>I have a JSF 1.2 dataTable using ICEfaces 1.8. In one column, I would like to display the text from a backing bean, and then to the right of it, display a small image on the same line without it wrapping to a new line.  </p>
  
  <p>The image is actually a <code>ice:commandButton</code> component with the image attribute set.  The action of clicking on the image is to display a <code>ice:panelPopup</code> panel.</p>
  
  <p>Here is the relevant code of the column within the dataTable:</p>
  
  <pre><code>&lt;ice:column id="col1"&gt;
      &lt;ice:outputText escape="false" value="#{document.column1Value}" /&gt;
      &lt;ice:form&gt;
          &lt;ice:commandButton actionListener="#{bean1.open}" image="images/popup.gif"&gt;
              &lt;f:attribute name="docParam" value="#{document.parameter}" /&gt;                           
          &lt;/ice:commandButton&gt;
          ...
      &lt;/ice:form&gt;
  &lt;/ice:column&gt;
  </code></pre>
  
  <p>I have tried all sorts of adding CSS style information to various tags, including <code>white-space:nowrap</code> and <code>float</code> but have been unable to get the desired effect.</p>