Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Fissare larghezza colonne tabella in CSS

    Ho generato la pagina Web ancora non linkata che trovate all'indirizzo (http://www.clubnauticofanese.it/annu...arche_vela.htm) nella tabella in CSS il problema è che quando inserisco i dati nelle celle la dimensione delle stesse varia.
    Ho la possibilità di fissare le dimensioni in maniera statica?

    Abbiate pazienza ma dai primi di Marzo ad ora sono passato da "-100" come conoscenza sui siti a "+qualcosa" che ancora non ho ben quantificato... almeno con il posizionamento sono riuscito nell'impresa di arrivare primo su Google con delle Keyword sulle quali avevo tantissima concorrenza.

    Grazie a tutti in anticipo

  2. #2
    Se le dimensioni delle celle devono essere tutte uguali basta che nel css metti questa istruzione:

    Codice CSS
    codice:
    td {
    width: 50px;
    }
    (ovviamente la dimensione la decidi tu e puoi modificarla come preferisci)

    Altrimenti, se alcune celle saranno diverse dalle altre, basta che imposti delle classi differenti, ad es.

    Codice CSS
    codice:
    td.celle_strette {
    width: 50px;
    }
    
    td.celle_larghe {
    width: 150px;
    }

    Codice HTML
    codice:
    ......
    
    <tr>
    <td class="celle_strette"> testo </td> <td class="celle_larghe"> testo </td>
    </tr>

    Ciauz
    Stefano
    Creazione siti Internet - Udine: SC web designer

  3. #3

    Già provato ma non funziona...

    Questo che inserisco di seguito è il CSS che avevo già inserito per la tabella di cui al link sopra...
    Il problema è sempre quello... quando inserisco del testo i margini della cella in cui lo inserisco si allargano!
    Mah... continuerò con le prove... vedremo

    Grazie lo stesso
    Saluti

    .tabellauno {
    font-family: verdana;
    font-size: 11pt;
    width:900px;
    border: 1px solid black;
    margin:0 auto;
    padding:0;
    background:#00a3dd;
    color:#fff;
    }
    .tabellauno th#header1 {
    width:100px;
    border: 1px solid black;
    text-align:center;
    padding-left:0.5em;
    }
    .tabellauno th#header2 {
    width:350px;
    border: 1px solid black;
    text-align:center;
    }
    .tabellauno th#header3 {
    width:350px;
    border: 1px solid black;
    text-align:center;
    padding-left:0.5em;
    }
    .tabellauno th#header4 {
    width:100px;
    border: 1px solid black;
    text-align:center;
    padding-left:0.5em;
    }
    .tabellauno td#header1 {
    width:100px;
    border: 1px solid black;
    text-align:left;
    padding-left:0.5em;
    }
    .tabellauno td#header2 {
    width:350px;
    border: 1px solid black;
    text-align:center;
    }
    .tabellauno td#header3 {
    width:350px;
    border: 1px solid black;
    text-align:left;
    padding-left:0.5em;
    }
    .tabellauno td#header4 {
    width:100px;
    border: 1px solid black;
    text-align:left;
    padding-left:0.5em;
    }
    .tabellauno caption {
    border: 1px solid black;
    background:#8A3C56;
    color:#FFF;
    font-size:1.2em;
    margin:0 auto;
    }
    .tabellauno tbody {
    background:#FFFFCC;
    color:#000;
    }
    .tabellauno td {
    border: 1px solid black;
    text-align: left;
    }
    .tabelladue {
    margin:0;
    padding:0;
    color:#000;
    background: transparent;
    }

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 © 2026 vBulletin Solutions, Inc. All rights reserved.