[HTML] Pulsanti su più righe e visualizzazione

[Alhazred]

In una pagina ho un form con tanti pulsanti quante sono le lettere dell'alfabeto.
I pulsanti sono disposti su 3 righe di una tabella e ogni pulsante è in una cella.
Creo il tutto in questo modo

<table class="tab_con_sfondo" cellpadding="5" border="0">
   <tr>
   <% for (j=0; j<9;j++) { %>
      <td><form action="DaCercare" method="post">
         <input type="hidden" name="da_visualizzare" value="<%=lettere[j] %>"/>
         <input type="hidden" name="origine" value="acquisto">
         <input type="submit" name="submit" value="<%=lettere[j] %>"/></form>
      </td>
   <%} %>
   </tr>
   <tr>
   <% for (j=10; j<19;j++) { %>
      <td><form action="DaCercare" method="post">
         <input type="hidden" name="da_visualizzare" value="<%=lettere[j] %>"/>
         <input type="hidden" name="origine" value="acquisto">
         <input type="submit" name="submit" value="<%=lettere[j] %>"/></form>
      </td>
   <%} %>
   </tr>
   <tr>
      <td>&nbsp;</td>
      <% for (j=19; j<26;j++) { %>
         <td><form action="DaCercare" method="post">
            <input type="hidden" name="da_visualizzare" value="<%=lettere[j] %>"/>
            <input type="hidden" name="origine" value="acquisto">
            <input type="submit" name="submit" value="<%=lettere[j] %>"/></form>
         </td>
      <%} %>
   </tr>
</table>

Lo so, è JSP e non HTML, ma lo stesso risultato lo avrei scrivendo il codice in html, JSP mi ha solo abbreviato la scrittura.
Vorrei che la visualizzazione sia almeno simile in IE e in FF, così come si visualizza in FF nello specifico, ovvero pulsanti tutti delle stesse dimensioni e poco spazio tra le righe, IE sembra aggiunga un <br> dopo ogni ogni </tr>. In realtà non lo fa, ma dal risultato è come se lo facesse.

Firefox


Ienternet Explorer

[kk3z]

prova con:

<form action="DaCercare" method="post" style="display:inline">

In casi come questo puoi anche usare ie developer toolbar per trovare il problema.

[kk3z]

Potresti ancora abbreviare usando javascript:

<table class="tab_con_sfondo" cellpadding="5" border="0">
   <tr>
   <% for (j=0; j<9;j++) { %>
      <td>
         <input type="button" value="<%=lettere[j] %>" onclick="location.href = 'nonsodove.jsp?origine=acquisto&da_visualizzare=<%=lettere[j] %>" />
      </td>
   <%} %>
   </tr>
   <tr>
   <% for (j=10; j<19;j++) { %>
      <td>
         <input type="button" value="<%=lettere[j] %>" onclick="location.href = 'nonsodove.jsp?origine=acquisto&da_visualizzare=<%=lettere[j] %>" />
      </td>
   <%} %>
   </tr>
   <tr>
      <td>&nbsp;</td>
      <% for (j=19; j<26;j++) { %>
         <td>
         <input type="button" value="<%=lettere[j] %>" onclick="location.href = 'nonsodove.jsp?origine=acquisto&da_visualizzare=<%=lettere[j] %>" />
         </td>
      <%} %>
   </tr>
</table>

[Alhazred]

Beh, direi che style="display:inline" ha decisamente migliorato la situazione.
Grazie