Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di Cheope
    Registrato dal
    Dec 2003
    Messaggi
    327

    Allineamento numeri sulla virgola in tabella

    Ho una tabella con una serie di dati tabulari, per lo più numeri.
    Vorrei allineare i numeri di una colonna sulla virgola, come avviene in qualsiasi foglio elettronico.
    Ho guardato il cap. 11.3.2 "Horizontal and vertical alignment" sulle tabelle nella HTML 4.01 Specification, che riporta questo esempio, ma non funziona, nè con IE6, nè con FF 1.5...
    codice:
    <TABLE border="1">
    <COLGROUP>
    <COL><COL align="char" char=".">
    <THEAD>
    <TR><TH>Vegetable <TH>Cost per kilo
    <TBODY>
    <TR><TD>Lettuce        <TD>$1
    <TR><TD>Silver carrots <TD>$10.50
    <TR><TD>Golden turnips <TD>$100.30
    </TABLE>
    
    The formatted table may resemble the following:
    
    ------------------------------
    |   Vegetable  |Cost per kilo|
    |--------------|-------------|
    |Lettuce       |        $1   |
    |--------------|-------------|
    |Silver carrots|       $10.50|
    |--------------|-------------|
    |Golden turnips|      $100.30|
    ------------------------------
    Ho provato a XHTMLizzare il codice e a mettere doctype strict ma niente.
    C'è un modo per allineare il testo delle celle su un carattere (magari CSS) oppure i browser non lo supportano proprio?
    /* Let's Lead the Web to Its Full Potential */

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Chiaramente quel codice e` di tipo vecchio. Non puo` funzionare in XHTML.

    Servono i CSS.

    Ecco cosa ho trovato, cercando nel manuale XHTML sotto la voce colgroup e col:
    codice:
    <table>
      <colgroup>
        <col /><col align="char" char="," />
      </colgroup>
      <thead>
        <tr><th>Vegetable</th><th>Cost per kilo</th></tr>
      </thead>
      <tbody>
        <tr><td>Lettuce</td><td>$1,</td>
        <tr><td>Silver carrots</td><td>$10,50</td>
        <tr><td>Golden turnips</td><td>$100,30</td>
      </tbody>
    </table>
    Non ci contare pero` troppo sul fatto che i browser lo supportino.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di Cheope
    Registrato dal
    Dec 2003
    Messaggi
    327
    Originariamente inviato da Mich_
    Chiaramente quel codice e` di tipo vecchio. Non puo` funzionare in XHTML.
    Sì, lo so, infatti l'ho "XHTMLizzato"...
    (scusa, nel mio slang significa che l'ho riscritto conforme a DTD XHTML Strict).
    Originariamente inviato da Mich_
    Non ci contare pero` troppo sul fatto che i browser lo supportino.
    E' proprio questo il problema. Workaround? CSS? Hack?
    /* Let's Lead the Web to Its Full Potential */

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Workaround:
    Scrivi il numero come testo, ci metti davanti un numero di spazi opportuno, fai diventare il font monospace.
    codice:
      <tbody>
        <tr><td>Lettuce</td><td><pre>  $1,</pre></td></tr>
        <tr><td>Silver carrots</td><td><pre> $10,50</pre></td></tr>
        <tr><td>Golden turnips</td><td><pre>$100,30</pre></td></tr>
      </tbody>
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it L'avatar di Cheope
    Registrato dal
    Dec 2003
    Messaggi
    327
    Grazie! Non ci avevo pensato...
    /* Let's Lead the Web to Its Full Potential */

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.