Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085

    font in 'em' che non mantiene le proporzioni

    Ciao ..
    a fronte di una tabella, con un titolo esterno (in testa) con le descrizioni allineate alle relative colonne della tabella, al variare della dimensione del font del browser, l'allinemanto 'voci' del titolo con colonne tabella si perde ..
    provo a spiegarmi meglio ..
    le colonne della tabella contengono un numero fisso di caratteri (courrier) che ne determina la larghezza.
    anche il font del titolo è in courrier, ed entrambi hanno la dimensione in 'em' ..
    quindi mi verrebbe da dire che cambiando la dimensione del font del browser, tutto dovrebbe rimanere inalterato, e invece le voci del titolo sballano.
    forse c'è un sistema migliore per scrivere le voci del titolo .. io le ho scritte in un'unica riga (di una colonna di tabella) aggiungendo degli spazi (&nbsp) per farle allineare alle colonne della tabella sottostante:

    codice:
    <table width="100%" border="0"> 
    <tr>                                                                                                                                                       
                     <td width="1%">                                                                             
                        <label>&nbsp &nbsp &nbsp</label>
                       Scad.
                        <label>&nbsp &nbsp &nbsp &nbsp</label>   
                       Nominativo
                        <label>&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</label>   
                       Comp.
                        <label>&nbsp &nbsp &nbsp &nbsp &nbsp</label> 
                       Copert.
                        <label>&nbsp &nbsp &nbsp</label>   
                       Num. Pol.
                        <label>&nbsp &nbsp &nbsp</label> 
                       gg
                        <label>&nbsp &nbsp &nbsp &nbsp</label>  
                       Imp.
                        <label>&nbsp &nbsp &nbsp</label>  
                       note
                     </td>               </tr>                                                                                                                      </table>

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    allego immagine con le due situazioni (cambiamento dimensione font)
    quella sotto è chiaramente quella corretta, dove titoli e colonne sono allineate ..

    ah .. il css del font:
    codice:
             #titolo_lista    {
                               background:  #256627;
                               margin:  0 0 1em 0;   
                               padding: 0 1em; 
                               -moz-border-radius  : 0.5em;                               
                               -webkit-border-radius  : 0.5em;
                              }  
    
             #titolo_lista table   {
                                   
                                  font:  bold 1.5em/1 Courier New, Courier, monospace;                            
                                   color: #222 ;
                                   color: #FFFFFF ;
                                   }  
    
             #titolo_lista table label {font:  0.2em/0.5 Courier New, Courier, monospace;  }
    Immagini allegate Immagini allegate

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    credo proprio che il problema sia legato al ridimensionamento dei '&nbsp' ..
    visto che il problema si ripresenta in un altro punto dove vengono appunto usati gli 'spazi'

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.