Visualizzazione dei risultati da 1 a 9 su 9

Discussione: resize table

  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    45

    resize table

    Salve lettore,
    vorrei impostare la dimensione di una tabella dinamicamente e in dipendenza delle dimensioni della finestra:

    per esempio se la larghezza della finestra è maggiore/uguale di 1024 vorrei impostare la larghezza del table a 100%, mentre se la largezza è minore vorrei impostare la larghezza del table a 1024.

    C'è nessuno che può aiutarmi?
    I BELONG TO JESUS www.evangelici.net

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Risposta teorica usando i CSS2:

    table {
    min-width: 1024px !important;
    width: 100%;
    }

    Non so quanto sia implementato il min-width nei browser.
    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
    Registrato dal
    Aug 2002
    Messaggi
    45
    Ho provato a metterlo nel css della pagina ma esegue solamente la dimensione 100% del table.

    una domanda: cosa indica "!important;" ?

    Ciao
    I BELONG TO JESUS www.evangelici.net

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    In che browser stai testando? Perche` credo che IE non veda !important

    Comunque prova anche a scambiare le definizioni.

    !important serve a dare priorita` ad un attributo rispetto ad altri con cui potrebbe andare in conflitto.
    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
    Registrato dal
    Aug 2002
    Messaggi
    45
    Si sto con internet explorer.

    dovrebbe essere uguale se invece di

    table{...

    metto

    .tabella{... e poi nel table che mi interessa class='tabella'

    giusto???

    ho provato a scambiare di ordine "width:100%;" con "min-width:1024px !important;" ma niente.
    I BELONG TO JESUS www.evangelici.net

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ci sono dei patch per far funzionare anche IE. Dovresti cercarli in siti tipo constile.org o altri che trovi nei "link utili" del forum XML, XHTML, ...

    Sposto li` anche la discussione: ha preso una piega decisamente CSS.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    credo che in questo caso non bastino i css

    min-width e min-height dipendono dal contenuto dell'elemento, al minimo si setta una dimensione se poi il contenuto ne richiede di più se lo prende qui invece serve un if risoluzione e credo occorra ricorrere a javascript, ho buttato giù una funzione:


    <html>
    <head>
    <title>Untitled</title>
    </head>
    <script type="text/javascript">
    function adatta(){
    ciccio = document.getElementById('tuaTabella');
    if (screen.width<1024){
    ciccio.style.width="1024px"}
    else {ciccio.style.width="100%"}
    }
    window.onload=function(){
    adatta();
    }
    </script>
    <style type="text/css">
    * {margin:0;padding:0}
    #tuaTabella {background:gray;
    width:100%;/*qui scegli il valore da assegnare nel caso javascript non sia attivato*/
    }
    </style>
    <body>
    <table id="tuaTabella">
    <tr>
    <td>adattamento</td>
    </tr>
    </table>
    </body>
    </html>

    non so che devi fare ma le dimensioni scelte mi lasciano perprelesso
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  8. #8

  9. #9
    Originariamente inviato da simone.xml
    ecco direttamente il link http://www.constile.org/tips/min-height/#CONTENUTI
    per farci cosa in base alla risoluzione dello schermo? :master:
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

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.