Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2005
    Messaggi
    47

    larghezza campi tabelle

    Ho cercato a lungo una soluzione ad un problema di tabelle nei post del forum ma proprio non la trovo. (eventualmente ho già preparato le mani per le bacchettate)
    Cercherò di essere sintetico.
    Mi stò cimentando per la prima volta nella realizzazione di un sito che utilizza css anzichè tabelle.
    Utilizzo però una tabella per visualizzare i record di un database che contiene i dati ed i tempi degli atleti che hanno partecipato ad una gara di mezzamaratona. Alla tabella ho assegnato lunghezza fissa così come ai vari campi.
    Nel foglio di stile non ho messo parametri per le tabelle.
    La visualizzazione dei dati avviene per categorie di età.
    Mi sono accorto che la larghezza dei campi si adatta, e varia, sulla base dell'elemento più lungo. Esempio: se il cognome più lungo è Rossi la colonna "cognome" assume la larghezza di Rossi, e tutta tabella cambia di conseguenza larghezza, ma se il cognome più lungo è TSCHURTHENTHALER (cognome tedesco) la colonna assume la larghezza di Tschurthenthaler e la tabella diventa molto più larga. Com mio sommo disappunto!!!
    Mannaggia li pescetti
    Cosicchè le mie tabelle non sono mai larghe nella stessa misura.
    Sono proprio un pivello e la soluzione, che sicuramente sarà banale, non riesco proprio a trovarla. C'è qualche anima buona che mi sa aiutare?
    Grazie

  2. #2
    Un 10+ per
    mannaggia li pescetti


    Poi: che vuol dì???
    Alla tabella ho assegnato lunghezza fissa così come ai vari campi.
    e poi
    Nel foglio di stile non ho messo parametri per le tabelle.
    ????????? :master: prova a postare un pò di codice.. l'essenziale..
    Questa volta, più che un voto.. è favoreggiamento.

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2005
    Messaggi
    47
    Inanzitutto grazie per aver risposto.
    Siccome non so dove stia l'errore deco postare tutta la pagina di cui faccio una piccola spiegazione.
    Nella <head> viene richiamato il foglio di stile che mi dà la struttura della pagine e che come ho detto non ha parametri per le tabelle.
    Nel <body> chè il richiamo ai due file che contengono gli elementi de menù verticale e orizzontale. Poi c'è l'apertura del database e la parte che filtra i dati in categorie secondo i parametri passati da un'altra pagina. Poi c'è una tabella con valori % che mi è servita per creare l'intestazione della tabella dati.
    ed infine c'è la tabella "ribelle" a parametri fissi.
    Il tutto seguito da un footer.
    Questo è tutto.
    --------------------------
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    @import url("HHH_stile_2.css");
    </style>
    </head>

    <body topmargin="0">
    <div id="container">

    <div id="header">

    <div align="center"> <font color="#CC0033" face="Arial, Helvetica, sans-serif">maratonina
    d'autunno - frangarto[img]images/castelfirmiano.jpg[/img]</font>
    </div>
    <div id = "barretta">

    </div>
    </div>

    <div id="navigation">
    [img]images/menu_top.gif[/img]

    [img]images/menu_bottom.gif[/img]
    </div>




    <div id="content">
    <%
    categoria= request.form("R1")
    %>
    <%
    cString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("mdb-database/classifica.mdb")
    'set connession to database
    Set objConn=Server.CreateObject("ADODB.Connection")
    'open connession to database
    objConn.Open cstring
    Set rs = Server.CreateObject("ADODB.Recordset")

    nometabella="generale" ' inserisci qui il nome della tabella da vedere
    '-------------------------------------

    if categoria = "generale" then
    SQL = "select * from "&nometabella&" order by posiz"
    else
    SQL = "select * from "&nometabella&" where cat = '"&categoria&"'"
    end if

    select case categoria
    case "generale"
    descrizione= "Classifica Generale"
    case "TM"
    descrizione= "Cat TM Maschile 18- 34 anni"
    case "MM35"
    descrizione= "Cat MM35 Maschile 35- 39 anni"
    Case "MM40"
    descrizione= "Cat MM40 Maschile 40 - 44 anni"
    case "MM45"
    descrizione= "Cat MM45 Maschile 45- 59 anni"
    case "MM50"
    descrizione= "Cat MM50 Maschile 50- 54 anni"
    Case "MM55"
    descrizione= "Cat MM55 Maschile 55 - 59 anni"
    Case "MM60"
    descrizione= "Cat MM60 Maschile 60 - 64 anni"
    Case "MM65"
    descrizione= "Cat MM65 Maschile oltre 65 anni"

    case "FM"
    descrizione= "Cat FM Femminile 18- 34 anni"
    case "MF35"
    descrizione= "Cat MF35 Femminile 35- 39 anni"
    Case "MF40"
    descrizione= "Cat MF40 Femminile 40 - 44 anni"
    case "MF45"
    descrizione= "Cat MF45 Femminile 45- 59 anni"
    case "MF50"
    descrizione= "Cat MF50 Femminile 50- 54 anni"
    Case "MF55"
    descrizione= "Cat MF55 Femminile 55 - 59 anni"
    Case "MF60"
    descrizione= "Cat MF60 Femminile 60 - 64 anni"
    Case "MF65"
    descrizione= "Cat MF65 Femminile oltre 65 anni"
    end select
    %>
    <div align="center"><font size="4"><font color="#000099" face="Verdana, Arial, Helvetica, sans-serif">
    <%

    response.write(descrizione)
    %>
    </font>
    </font></div>
    <%
    'apro il rs
    rs.Open sql, objConn

    %>
    </p>
    <div align="center" >

    <Table border="1" cellspacing="1" style="border-collapse: collapse" height="42" width="100%">
    <td width="5%">
    <p align="center"><font color="#0000FF" face="Verdana" size="2"> Pos
    </font> </td>
    <td width="5%">
    <p align="center"><font color="#0000FF" face="Verdana" size="2">
    Pos.

    Cat.

    </font>
    </td>
    <td width="5%">
    <p align="center"><font color="#0000FF" face="Verdana" size="2">
    Pett
    </font>
    </td>
    <td width="15%">
    <p align="center"><font face="Verdana" size="2" color="#0000FF">
    Cognome</font>
    </td>
    <td width="12%">
    <p align="center"><font face="Verdana" size="2" color="#0000FF">Nome</font></td>
    <td width="5%">
    <font color="#0000FF" face="Verdana" size="2">
    Cat.
    </font>
    </td>
    <td width="26%">
    <p align="center"><font color="#0000FF" face="Verdana" size="2">
    Società
    </font>
    </td>

    <td width="9%">
    <p align="center"><font face="Verdana" size="2" color="#0000FF">km
    7,640</font>
    <font color="#0000FF" face="Verdana" size="2">
    </font>
    </td>
    <td width="9%">
    <p align="center"><font color="#0000FF" face="Verdana" size="2">
    Tempo Reale
    </font>
    </td>
    <td width="9%">
    <p align="center"><font color="#0000FF" face="Verdana" size="2">
    Tempo di Gara
    </font>
    </td>

    </table>

    <table width="500" border="1" align="center" cellspacing="1">
    <%
    Do While not rs.EOF
    'per cambiare colore delle righe
    if strBGColor = "#E4E9B1" Then strBGColor = "#FBF1AE" Else strBGColor = "#E4E9B1"
    %>
    <TR bgcolor="<%= Cstr(strBGColor) %>">
    <TD width="20"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <%
    posizione=rs("posiz")
    response.write(posizione)
    %>
    </font></TD>
    <TD width="20"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <%
    posizcat=rs("poscat")
    response.write(posizcat)
    %>
    </font></TD>
    <TD width="20"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <%
    pettorale=rs("pett")
    response.write(pettorale)
    %>
    </font></TD>
    <TD width="60"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <%
    atleta=rs("Cognome")
    response.write(atleta)
    %>
    </font></TD>
    <TD width="40"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <%
    nomeatleta=rs("Nome")
    response.write(nomeatleta)
    %>
    </font></TD>
    <TD width="20"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <%
    categ=rs("cat")
    response.write(categ)
    %>
    </font></TD>
    <TD width="200"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <%
    societa=rs("SOCIETA")
    response.write(societa)
    %>
    </font></TD>
    <TD width="40"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <%
    intermedio=rs("Km 7,120")
    response.write(intermedio)
    %>
    </font></TD>
    <TD width="40"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <%
    temporeale=rs("Tempo Reale")
    response.write(temporeale)
    %>
    </font></TD>
    <TD width="40"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
    <%
    tempogara=rs("Tempo Gara")
    response.write(tempogara)
    %>
    </font></TD>
    </TR>
    <%
    rs.MoveNext
    Loop
    %>
    </TABLE>
    </div>
    <div id="footer">


    © 2006 - Webmaster : <a href="mailto:giorgio_zamboni@tin.it"><font color="#0000FF">
    giorgio_zamboni@tin.it</font></a>

    Per informazioni e-mail: <a href="mailto:info@maratoninadautunno.it"><font color="#0000FF">
    info@maratoninadautunno.it</font></a></p>
    </div>
    </div>
    </body>
    </html>

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2005
    Messaggi
    47
    per opportuna conoscenza. questo sito fatto con i CSS vorrebbe (sic!) soppiantare quello che avevo fatto in frontpage.

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Allora adesso fai una bella cosa.
    Prendi il codice che arriva al browser e posta quello.
    Il codice da te postato e` il sorgente ASP (credo), e non serve per capire come e` fatta la tabella.

    E poi posta anche il CSS, altrimenti non si puo` capire.

    In alternativa puoi postare un link alla pagina (anche se e` una pag. provvisoria).

    E devi dire anche il browser usato. Con la DTD che usi, in IE sara` dura fare una tabella fissa. Occorre il supporto di JS.
    Oppure devi passare a XHTML Strict (che semplifica alcune cose, ma ti costringe ad un linguaggio piu` corretto).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2005
    Messaggi
    47
    Il browser e Firefox o IE6.
    Non capisco esattamente che cosa intendi con "codice che arriva al browser e posta quello" comunque ti metto il link alla pagina.
    http://www.maratoninadautunno.it/pro...ultati_ita.asp
    da questa pagina, fatta la scelta per categoria e cliccato invia appare la pagina che contiene la tabella incriminata.
    Quello che segue è il foglio css:
    ---
    /* CSS Document */
    /*stili per il layout fluido*/
    /*---colori----
    body background-color:#f7f6f3
    border: #006699
    footer background-color:#E6E2D8
    */

    html,body {
    margin: 0;
    padding:0;
    }

    body {
    font-family: verdana,arial,sans-serif;
    font-size: 76%;
    /*background-color:#EBECE4;*/
    background-color:#f7f6f3;
    /*background-color:#CC0000;*/
    }
    div#container{
    background-image: url(images/background_matt.gif);
    width: 80%;
    /*permette di centrare il container*/
    margin: 0 auto;
    /*--------------*/
    }

    /*stili generici, su header e footer*/
    div#header {
    height: 180px;
    background-color:#f7f6f3;
    color: #0033FF;
    background-image: url(images/background_matt.gif); /* immagine delle sfondo */
    font: 24px verdana,arial,sans-serif;
    font-style: italic
    }

    div#footer{
    clear:both;
    text-align:center;
    padding: 5px 0;

    border-width: 1px 1px;
    border-style:solid;
    /*border-color: #ff3300;*/
    border-color: #006699;

    background-color:#E6E2D8;
    color: #000;
    font: 10px verdana,arial,sans-serif;
    }

    h1,h2 {
    margin: 0;
    padding:0;
    }
    h1{
    padding-left:10px;
    font: bold 2.3em/80px arial,sans-serif;
    }
    h2{
    color: #69f;
    font-size: 1.5em;
    }


    /*stili specifici per il layout*/

    div#extra{
    float: right;
    width: 160px;
    padding: 1em 5px;
    }
    div#content{
    margin: 0 170px;
    padding: 1em 10px;
    text-align: justify;
    }


    /*stili per la navigazione*/
    div#navigation
    {
    float:left;
    margin:0 0px;
    width: 140px;
    padding: 3px;

    }
    div#navigation ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
    div#navigation li
    {
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 0px;
    padding: 0;
    border-top: 1px solid #666;
    background-color:#E6E2D8;
    }
    div#navigation a
    {
    display: block;
    width: 140px;
    line-height: 25px;
    text-decoration: none;
    border: 0px solid #666;
    text-indent: 30px;
    /*background: url("images/HHH_button1.jpg") no-repeat top left;*/
    color: #006699;
    /*font-variant: small-caps*/
    }
    div#navigation a:hover
    {
    /*background: url("images/HHH_button2.jpg") no-repeat top left;color: #ffff00*/
    background-color:#f7f6f3;
    color: #d16005;
    }
    div#navigation li#activelink a,div#navigation li#activelink a:hover
    {
    /* background: url("images/button3.jpg") no-repeat top left;*/
    color: #d16005;
    }

    /*stili per la sezione extra*/
    div#extra div.newsbox{
    font-size: 90%;
    margin-bottom: 2em;

    }
    div#extra div.newsbox h2{
    color: #53868B;
    font-size: 1.2em;
    }
    div#extra div.newsbox p{
    margin: 0;
    text-align: justify;
    }

    #barretta {
    background: url("images/HHH_barretta.jpg");
    /*background-color: #0033FF;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    /*color: #FFFFFF;*/
    text-align: right;
    border-top: 2px solid #CCCCCC;
    border-bottom: 2px solid #CCCCCC;
    padding-left: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    }

    #barretta a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    /*color: #FFFFFF;*/
    color: #0000CD;
    text-decoration: none;
    /*background-color: #4169e1;*/
    margin-right: 2px;
    }

    #barretta a:hover {
    color: #000000;
    background-color: #FFFF66;
    text-decoration: none;
    }
    /* ---------------------------------------*/
    /* blockquote, creazione di box circondati dal testo normale*/
    blockquote.float-left {/* floats in content div */
    float: left;
    width: 18.5em; /* "em size" is element dependent */
    padding: 0.5em;
    margin: 0 0.5em 0 0;
    color: #00008b;
    background: #b0c4de;
    border-right: 2px dotted #4169e1;
    border-bottom: 2px dotted #4169e1;
    border-top: 2px dotted #4169e1;
    }
    blockquote.float-right {/* floats in content div */
    float: right;
    width: 18.5em; /* "em size" is element dependent */
    padding: 0.5em;
    margin: 0 0.5em 0 0;
    color: #00008b;
    background: #b0c4de;
    border-right: 2px dotted #4169e1;
    border-bottom: 2px dotted #4169e1;
    border-top: 2px dotted #4169e1;
    }

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Vedo che mescoli formattazione tramite attributi HTML con formattazione con CSS. E` assolutamente da evitare, dato che in tal caso i browser interpretano a loro piacimento.
    Devi quindi eliminare tutti gli attributi HTML di formattazione e spstarli nei CSS (per riferimemnto prendi le specifiche XHTML Strict: tutto cio` che non e` ammesso nello strict, va sostituito con i CSS).

    Questo sara` un po' duro, dato il linguaggio che usi, ma porta poi ad un grosso vantaggio ed ad una razionalizzazione del codice.
    Infatti non ho visto CSS per le tabelle, cosa necessaria per poter gestire la formattazione.
    Eventualmente puoi aiutarti con gli strumenti sw a disposizione, tipo Tidy
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    Utente di HTML.it
    Registrato dal
    Nov 2005
    Messaggi
    47
    grazie per il consiglio che vedrò di mettere a frutto

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.