[STANDARD] Sui nokia la visualizzazione di una pagina è diversa

**ITobeI** · 20-04-2014, 12:36

Salve a tutti,

Ho creato una webapp in cui un web server fornisce ai client pagine jsp.
La pagina è molto semplice: ha solo 4 o 5 pulsanti e devono dividersi tutto lo schermo:

codice:

        <style type="text/css">

            .buttonStyle1 {
                background: #0000FE url(../images/1.png) center no-repeat;
                
                cursor:pointer;
                width: 95%;
                height: 20%;
            }
            
            .buttonStyle2 {
                background: #FFFF00 center no-repeat;
                background-image: url(../images/2.png);
                cursor:pointer;
                width: 95%;
                height: 20%;
            }
            
            .buttonStyle3 {
                background: #FE80FE url(../images/3.png) center no-repeat;
                cursor:pointer;
                width: 95%;
                height: 20%;
            }
            
            .buttonStyle4 {
                background: #FE0000 url(../images/4.png) center no-repeat;
                cursor:pointer;
                width: 95%;
                height: 20%;
            }
            
            .buttonStyle5 {
                background: #A806A9 url(../images/5.png) center no-repeat;
                cursor:pointer;
                width:95%;
                height: 20%;
            }
        </style>

e questo è un esempio di un bottone:

codice:

<body style="background-color:black; height: 95%;width: 95%;"       onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">
    
    <center> 
    <form name="b1" method="POST" width="50%" action="Classe">
    <input value=" " name="r1" type="image" class="buttonStyle1"/>
    <input value="49" name="val" type="hidden" />
    </form>

Il problema è questo: su tutti i cellulari si vede bene mentre sui Nokia la visualizzazione è diversa, esempio i pulsanti non occupano tutto lo schermo ma solo la metà ( quindi si dividono equamente lo spazio ma solo della metà dello schermo ).

Mi potete aiutare? grazie in anticipo

**ResianTaxidrive** · 23-04-2014, 21:43

Non mi è molto chiaro il tuo codice. Da quello che hai postato vedo un unico pulsante visibile.
INoltre vedo il form al 50% di larghezza che mi fa pensare a un oggetto che occupa la metà dello spazio disponibile.
Credo che manchino delle informazioni se vuoi un aiuto.

**ITobeI** · 24-04-2014, 11:22

codice:

<style type="text/css">

            .buttonStyle1 {
                background: #0000FE url(../images/1.png) center no-repeat;
                cursor:pointer;
                width: 95%;
                height: 20%;
                opacity : 0.7; 
            }
            
            .buttonStyle2 {
                background: #FFFF00 center no-repeat;
                background-image: url(../images/2.png);
                cursor:pointer;
                width: 95%;
                height: 20%;
                opacity : 0.7; 
            }
            
            .buttonStyle3 {
                background: #FE80FE url(../images/3.png) center no-repeat;
                cursor:pointer;
                width: 95%;
                height: 20%;
                opacity : 0.7; 
            }
            
            .buttonStyle4 {
                background: #FE0000 url(../images/4.png) center no-repeat;
                cursor:pointer;
                width: 95%;
                height: 20%;
                opacity : 0.7; 
            }
            
            .buttonStyle5 {
                background: #A806A9 url(../images/5.png) center no-repeat;
                cursor:pointer;
                width:95%;
                height: 20%;
                opacity : 0.7; 
            }
            
            .buttonPressed{
               opacity : 1; 
            }
            
            
            #modalDiv{
                position: absolute;
                top: 0px;
                left: 0px;
                background-color: black; 
                width: 100%; 
                height: 120%; 
                opacity : 0;
                z-index: 9999;
            }
            
        </style>
        </head>


<body style="background-color:black; height: 95%;width: 95%;" 
      onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">
	
    <center id="buttons"> 
    <form name="button1_Form" method="POST" width="50%" action="DataCapture">
	<input id ="1" value=" " name="r1" type="image" class="buttonStyle1"/>
	<input value="49" name="val" type="hidden" />
    </form>
	
	<form name="button2_Form" method="POST" action="DataCapture">
            <input id="2" value=" " name="r2" type="image" class="buttonStyle2"/>
            <input value="50" name="val" type="hidden">
	</form>


	<form name="button3_Form" method="POST" action="DataCapture">
            <input id="3" value=" " name="r3" type="image" class="buttonStyle3"/>
            <input value="51" name="val" type="hidden">
	</form>
	
        <form name="button4_Form" method="POST" action="DataCapture">
            <input id="4" value=" " name="r4" type="image" class="buttonStyle4"/>
            <input value="52" name="val" type="hidden">
	</form>
        
        <form name="button5_Form" method="POST" action="DataCapture">
            <input id="5" value=" " name="r5" type="image" class="buttonStyle5" />
            <input value="53" name="val" type="hidden">
	</form>
         </center>
        
    <div id="modalDiv">
    	<!-- <center><h2 style="color:red; margin: 50px auto; font-family:Arial, Helvetica, sans-serif">Attendere...</h2></center> -->
    </div>

**Al_katraz984** · 24-04-2014, 11:40

devi inserire le regole:

Codice PHP:


    /* Turns off styling - not usually needed, but good to know. */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

per togliere la visualizzazione di defaul sui dispositivi.. anche per input, select, checkbox, radio, progress ect ect

Discussione: [STANDARD] Sui nokia la visualizzazione di una pagina è diversa

Strumenti discussione

Ricerca discussione

Visualizza

[STANDARD] Sui nokia la visualizzazione di una pagina è diversa

Permessi di invio