PDA

View Full Version : [HTML] Pulsanti su più righe e visualizzazione


Alhazred
22-11-2008, 17:59
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
http://img114.imageshack.us/img114/3405/snap1ua5.jpg

Ienternet Explorer
http://img237.imageshack.us/img237/6514/snap2te7.jpg

kk3z
22-11-2008, 18:48
prova con:
<form action="DaCercare" method="post" style="display:inline">

In casi come questo puoi anche usare ie developer toolbar (http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en) per trovare il problema.

kk3z
22-11-2008, 18:50
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
22-11-2008, 18:57
Beh, direi che style="display:inline" ha decisamente migliorato la situazione.
Grazie :)