Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    12

    diverso allineamento in Firefox allo zoom del sito

    POSIZIONAMENTO DI PULSANTE IN UNA TABELLA
    Ho provato a fare una newsletter con le tabelle al cui interno è posizionato un pulsante a metà del bordo della cella inferiore (non so se è chiaro il concetto: è una tabella con bg color, il pulsante e a metà del bordo inferiore)
    Per posizionarlo a metà, non riuscendo ad allinearlo con align, ho usato position: relative per la tabella e absolute per il pulsante.
    In IE rimane allineato com'è; in FF se diminuisco ed ingrandisco la dimensione del sito anche se il pulsante parte da una posizione allineata poi si disiallinea.
    Provando a mettere solo relative al pulante mi diseallinea la tabella ma non il pulsante

    Ecco il codice






    codice:
    
    
    
    <table class="tabella1" align="center" border="1" cellspacing="0" >
      <tr >
        <td valign="top">
        <table  class="tabella2" width="656"  cellpadding="0" cellspacing="0" align="center" height="360">
     			 <tr>
       				 <td width="212"><font size="+4" face="Vivaldi">Grupalia</font></td>
       				 <td width="444"><font size="+2">I prodotti High Tech che migliorano il tuo tempo libero a prezzi imbattibili</font></td>
      			</tr>
     			 <tr>
        			<td colspan="2" valign="top" >[img]immagini/newsletter2.jpg[/img]</td>
       			</tr>
                		
    		</table>
         	
    
        
    <table width="366" align="center" cellspacing="5" class="tabella3" height="242">
            	<tr>
                <td  bgcolor="#FFFFFF" >
    
    Goditi la nuova sezione shopping di grupalia , dove troverai tantissimi prodotti Hi Tech di ultima generazione. Televisori LCD, plasma o LED, smartphones, tablets e tanto altro, con sconti fino al 90%.</p>
                		
    
    Come funziona? Semplice! Guarda ogni giorno le proposte che più ti interessano e scegli quella che fa per te. Attenzione però hai solo 24h per acqustarla!</p></td>
            </tr>
                <tr>
                  <td align="right">Iscriviti ora e approfitta delle fantastiche proposte che solo Grupalia sa 				offrirti</td>
              </tr>  
       	<tr>
                	<td height="26"><input  class="pulsante" name="reg" type="button" value="REGISTRATI" /></td>
                
                
             
               	
       		
          </table>
          </td>
      </tr>
    </table>
    
    
    
    
    body{ margin:0; padding:0; }
    
    table.tabella1 { height:700px;}
    
    table.tabella1 td{ border:none; }
    
    input.pulsante{ background-color:#63F; position:relative; left:130px; top:22px;}
    
    table.tabella1{ background-image:url(immagini/Grafica_nwsletter.jpg); border-color:#9ef4f7}
    
    table.tabella3{background-image:url(immagini/sfondoTabella.gif); padding:5px;}
    
    table.tabella2{margin:0; padding:0;}
    Rotundo Cinzia

  2. #2
    Avendo una tabella con width fissa, io al posto della position urerei i margini. Se applichi margini al tuo input, dovresti riuscire a centrarlo senza problemi.

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    12
    Ho provato con margin, allineandolo con un align center nel td contenente il pulsante, non riesco a posizionarlo sul bordo inferiore della tabella3
    Rotundo Cinzia

  4. #4
    Prova con un margine inferiore negativo. Per esempio

    codice:
    input.pulsante {
         margin-bottom: -10px;
    }

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    12
    Ho provato con margin-bottom negativo, me li centra. Ma in FF fa lo stesso difetto: al ridurre della pagina, partendo da una poszione allineata, la tabella contenente il bottone è come se aumentasse l'altezza finendo sul bordo della tabella contenitore; e lo sfondo della tabella contenitore si riduce per poi tornare all'altezza originale: in pratica si sballano le dimensioni mi sembra di percepire. Aumentando la dimensione del sito tutto rimane com'è
    Rotundo Cinzia

  6. #6
    Ammetto di aver letto solo adesso attentamente il tuo codice... e forse di non aver capito esattamente cosa ti succede (ho provato il tuo codice su firefox e a me va'). C'è cmq un errore di chiusura di un tag:

    Le tue ultime righe di codice sono:
    codice:
       	<tr>
                	<td height="26"><input  class="pulsante" name="reg" type="button" value="REGISTRATI" /></td>
                
                
             
               	
       		
          </table>
          </td>
      </tr>
    </table>
    non hai chiuso il tag <tr> dopo il tuo bottone. Che sia quello?

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    12
    Ho chiuso il tag <tr> ma tutto è rimasto com'è
    Se riesci a vedere il file allegato, noterai cosa succede al ridurre della pagina in Firefox, mentre tornando alle dimensioni normali si mette a posto
    Grazie
    Immagini allegate Immagini allegate
    Rotundo Cinzia

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.