Pagina 1 di 4 1 2 3 ... ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 31
  1. #1

    intestazioni di colonna sempre visibili

    Come da titolo mi viene in mente questo quesito partendo da una funzione molto utile che esiste in excel.
    Infatti in excel c'è la possibilità di usare Finestra => blocca riquadri per far si che le intestazioni di colonna e/o di riga restino sempre visibili nonostante lo scroll del foglio.
    Quindi quel che chiedo qui é questo:
    è possibile far sì che le intestazioni di colonna di una tabella o una serie di link posti in maniera orizzontale siano sempre visibili durante lo scroll della pagina.
    Come esempio cito la serie di link che si trovano in cima a questa pagina:
    Home Development Design System Download Corsi Forum

    Oppure
    modifica il profilo messaggi privati cambia la password Disconnetti Ricerca Utenti Regolamento Archivio

    Vi ringrazio per i suggerimenti

  2. #2
    Usando position:fixed.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    Ti ringrazio codencode.
    Ma questa regola la posso applicare ad una sola <tr> di una tabella?
    e senza darle una posizione in quando di solito pongo le tabelle in un <div align="center">?
    Lo proverò subito


  4. #4
    Il position:fixed ha le sue regole precise. Ti consiglio di studiarlo un po' prima.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  5. #5
    Ti ringrazio delle risposte, codencode.
    Ma ci rinuncio. Mi tengo le classiche tabelle.
    Come dicevo prima ignoro la posizione iniziale della <tr> che vorrei fissare per cui immagino che la soluzione al problema si presenta molto complessa.
    Ho provato il position:fixed ed ho provato molte varianti commentando o cambiando i valori delle varie regole. Ma sono molto distante da una soluzione accettabile.
    codice:
    .box_fixed {
    /*	width:60px; */
    	position:fixed;
    	top:370px;	
    	left: 150px;
    /*	right:15px; */
    	z-index:0;
    	background: Blue;
    }

  6. #6
    Prova e vedere se vabe questa pagina lo scritta a volo.Fammi sapere ok ?

    codice:
    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Documento senza titolo</title>    <style type="text/css"> .box{ border:1px soid #CCC; width:100%; height:auto} .titolo{ background:#CCCCCC; color:#FF9900; font-size:16px; text-align:center} .dati{ height:350px; max-height:350px; width:100%; overflow-y:scroll /* auto*/}  </style> </head>  <body> <div class="box"> <div class="titolo">Titolo</div> <div class="dati"> <table width="100%" border="1">   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr>   <tr>     <td></td>     <td></td>     <td></td>   </tr> </table>   </div>   </div>   </body> </html>

  7. #7
    ciao rinaldi
    ti ringrazio per il suggerimento che mi hai dato.
    Lo trovo molto valido e l'ho già messo nel mio deposito di cose utili.
    Sicuramente lo applicherò in qualche mia pagina ed il css che mi hai fornito lo aggiungerò alle regole che ho già nel mio sito.
    Però non è proprio quello che mi serviva.
    Tanto per spiegarmi meglio.
    Hai provato a vedere quel che si ottiene in excel con finestra => blocca i riquadri?
    Le righe superiori rimangono bloccate mentre il resto delle righe sottostanti continuano a scrollare.
    Ecco, con l'aiuto del CSS speravo di ottenere una cosa del genere anche con le tabelle html bloccando una o 2 <tr> in cima alla tabella facendo scorrere il resto della tabella facendo come hai fatto tu

    Grazie di nuovo per l'ottimo suggerimento.

  8. #8
    I dati li estrai da un database?
    Ti serve la prima riga bloccata?
    Se usi asp posta il codice.

  9. #9
    Ciao rinaldi
    uso il php e mysql e mi piacerebbe avere la prima riga bloccata
    Questo è un esempio di codice che mi legge il DB e mi crea la tabella:
    Codice PHP:
     <?php
    $table 
    "search";
        if (!
    $link mysql_connect($Host$User$Password)) {
            echo 
    mysql_error() . "
    \n"
    ;
        } else { 
            if (!
    mysql_select_db($DBName$link)) {
                echo 
    mysql_error() . "
    \n"

            } else {
                
    $Query "SELECT * FROM " $table " Order BY pref, lemma";
                
    $result mysql_query($Query);
                if (!
    $result) {
                    echo 
    "Errore nella Query: " $Query "
    \n"
    ;
                    echo 
    mysql_error() . "
    \n"
    ;
                } else {
                    echo 
    "<div align=\"center\">\n";
                    echo 
    "<table class=\"tabella_normale\">\n";
                    echo 
    "<tr>\n";
                    echo 
    "<th>title</th>\n";
                    echo 
    "<th>lemma</th>\n";
                    echo 
    "</tr>\n";
                    while (
    $row mysql_fetch_array($result)) {
                        echo 
    "<tr>\n";
                        echo 
    "<td><a href=\"../".$row['folder']."/".$row['file']."?page=".$row['pref']."\" target=\"_blank\">".$row['title']." (".$row['pref'].")</a></td>\n";
                        echo 
    "<td>" $row['lemma'] . "</td>\n";
                        echo 
    "</tr>\n";
                    }
                    echo 
    "</table>\n";
                    echo 
    "</div>\n";
                }
            }
        }
        
    mysql_close ($link); 
    ?>
    e qui c'è il codice in azione: la tabella nella mia pagina e qui la prova fatta sulla tua pagina

    Nella tua pagina di esempio ho aggiunto del testo riempitivo per espandere la pagina nella sua lunghezza


  10. #10
    Potresti fare cosi.

    Per la prima riga fai

    codice:
    SELECT TOP 1 * FROM tabella
    recupera l'ID in una variabile

    id= rec("id") nella prima riga.

    Poi per il resto nella parte scorrevole

    codice:
    SELECT  * FROM tabella
    
    if  rec2("id") <> id  then
     response.write
    
    end if

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.