Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 16

Discussione: allineamento table

  1. #1
    Utente di HTML.it L'avatar di Gelion
    Registrato dal
    Jul 2002
    Messaggi
    1,233

    allineamento table

    come si fa in un css a far si che la tabella si posizioni al centro della pagina? (aling center in html per intenderci)
    Se non è bello ciò che è bello figuriamoci ciò che è brutto...

  2. #2
    Utente di HTML.it L'avatar di Gelion
    Registrato dal
    Jul 2002
    Messaggi
    1,233
    uppi
    Se non è bello ciò che è bello figuriamoci ciò che è brutto...

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2006
    Messaggi
    4
    height: 100%;
    width: 100%;

    text-align: center;
    vertical-align: middle;

    da applicare a TABLE, TD;

    ovviamente non funziona coi browser non css2 - ma è descritto dal w3c.

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2006
    Messaggi
    4

    esempio

    codice:
    <html>
      <head>
        <style type="text/css">
        <!--
    
          table, td {
            text-align: center;
            vertical-align: middle;
            height: 100%;
            width: 100%;
          }
    
        //-->
        </style>
    
      </head>
      <body>
    
        <table>
          <tr>
            <td>
              SONO AL CENTRO
            </td>
          </tr>
        </table>
    
      </body>
    </html>

  5. #5
    Utente di HTML.it L'avatar di Gelion
    Registrato dal
    Jul 2002
    Messaggi
    1,233
    table {
    width: 530px;
    border: 1pt solid #141414;
    margin: 1px;
    background-color: #000000
    }

    questo è il codice che uso
    con il tuo però mi fa andare il testo in mezzo e mi allarga tutta la tabella e non va bene
    Se non è bello ciò che è bello figuriamoci ciò che è brutto...

  6. #6
    Utente di HTML.it
    Registrato dal
    Mar 2006
    Messaggi
    4
    ci deve essere una TABELLA-CONTAINER che contiene la seconda tabella che stara' al centro...

  7. #7
    Utente di HTML.it
    Registrato dal
    Mar 2006
    Messaggi
    4

    intendi questo?

    codice:
    <html>
      <head>
        <style type="text/css">
        <!--
    
          table.container, td.container 
          {
            text-align: center;
            vertical-align: middle;
            height: 100%;
            width: 100%;
          }
    
          table.tua {
            width: 530px; 
            border: 1pt solid #141414; 
            margin: 1px; 
            background-color: #000000 
          } 
    
        //-->
        </style>
    
      </head>
      <body>
    
        <table class="container">
          <tr>
            <td class="container">
    
              <table class="tua">
                <tr>
                  <td>
    
                  </td>
                </tr>
              </table>
    
            </td>
          </tr>
        </table>
    
      </body>
    </html>

  8. #8
    Utente di HTML.it L'avatar di Gelion
    Registrato dal
    Jul 2002
    Messaggi
    1,233
    ma... mi stupisce questa cosa
    vuol dire che non esiste un semplicissimo attributo per definire una tabella al centro in css?
    Se non è bello ciò che è bello figuriamoci ciò che è brutto...

  9. #9
    Utente di HTML.it
    Registrato dal
    Mar 2006
    Messaggi
    4
    eh no

    cmq quel css va bene?


    cmq il containet puo essere anche un livello (div, span) o al
    limite anche un p.

  10. #10
    Utente di HTML.it L'avatar di Gelion
    Registrato dal
    Jul 2002
    Messaggi
    1,233
    ho capito grassie
    tranne una cosa
    perchè scrivi
    table.container, td.container
    {


    io uso classi tipo .ciao
    e poi definisco il table con la classe ciao
    Se non è bello ciò che è bello figuriamoci ciò che è brutto...

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.