Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Aiuto per tabelle

  1. #1

    Aiuto per tabelle

    Ciao, sono una nuova iscritta e da poco sto imparando a costruire siti con l'HTML.
    Non sono molto esperta e sto incontrando dei problemi che forse sono scontati per chi opera e ha già conoscenze acquisite in questo campo. In questo momento ho alcuni dubbi dovuti alla mia inesperienza sulla impostazione generale da tenere per costruire un sito.
    Dopo aver costruito le tabelle con l'HTMl ho notato che si modificavano guardandole su computer con schermi di formati diversi (c'erano spostamenti interni delle immagini dalla impostazione originale).
    Cerco di spiegare quello che ho fatto durante la costruzione del sito: ho impostato le dimensioni della tabella in pixel e ho inserito un'immagine di sfondo che mi serve anche come riferimento per l'allineamento delle immagini. Per fissare l'altezza della tabella e delle tabelle nidificate ho usato delle GIF trasparenti come spacer, poi ho continuato a inserire i vari TR e TD sempre assegnando dimensioni in pixel e verificando che le immagini inserite andassero a posto. Ho utilizzato anche delle tabelle nidificate per cercare di controllare bene la collocazione delle immagini inserite e alla fine credevo che tutto fosse sistemato con precisione.
    In seguito ho controllato le pagine del sito su un altro computer (stesso browser) e ho notato delle piccole differenze con slittamenti delle immagini dalla posizione originale: una tabella nidificata si è spostata di alcuni pixel verso destra, così le piccole immagini incolonnate non sono più allineate nella posizione originale, cioè su una colonna grigia che fa parte dell'immagine di background.
    Qualcuno con più esperienza e conoscenze di me sa consigliarmi come evitare questo problema? Ci sono comandi che io non conosco che si possono impostare affinchè le tabelle non subiscano variazioni guardandole da schermi con formati diversi da quello che uso io?

    Il sito che sto costruendo è questo: www.studioeraarte.it

    Grazie in anticipo se qualcuno riesce ad aiutarmi.

  2. #2
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541

    ciao

    allora se posti il codice sarebbe meglio così uno ti dice cosa cambiare, poi le tabelle puoi metterle anche in percentuale, anche se io ti consiglio di attenerti ad una risoluzione 800x600 anche se non è il massimo ma per ora si usa ancora questa.
    quindi ti crei una tabella di larghezza non superiore ai 760 e altezza 550 e dentro crei le tabelle nidificate per il sito.
    A meno che non hai tempo e crei il sito a seconda della risoluzione fai il riconoscimento del client e reindirizzi alla risoluzione adatta ma molto più lunga come cosa.

  3. #3
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541

    Re: ciao

    Originariamente inviato da mexican
    allora se posti il codice sarebbe meglio così uno ti dice cosa cambiare, poi le tabelle puoi metterle anche in percentuale, anche se io ti consiglio di attenerti ad una risoluzione 800x600 anche se non è il massimo ma per ora si usa ancora questa.
    quindi ti crei una tabella di larghezza non superiore ai 760 e altezza 550 e dentro crei le tabelle nidificate per il sito.
    A meno che non hai tempo e crei il sito a seconda della risoluzione fai il riconoscimento del client e reindirizzi alla risoluzione adatta ma molto più lunga come cosa.
    ops dimenticavo rocorda di mettere nel sito anche un link che ti fa tornare alla homepage dalle altre pagine ora non c'è

  4. #4

    grazie!

    Ciao Mexican, innanzi tutto ti ringrazio per le risposte... all’inizio ci si sente impotenti di fronte alla imperscrutabilità dell’HTML e una parola amica è una luce nelle tenebre del codice!
    Ti posto il codice “incriminato”, ho paura che ci sia un po’ di eccesso nei tr e td ma non sono riuscita a usare bene rowspan e colspan (mi evadevano le celle tra le dita!)
    Ho visto che c’è stato uno spostamento delle immagini nella tabella nidificata con le immagini piccole (commentata come “seconda riga”) che però si verifica solo quando si guarda la pagina con un computer diverso da quello che ho usato per costruirla.
    Il mio dubbio è che se non ho impostato delle istruzioni corrette che fissano gli elementi delle tabelle in modo stabile, ci possano sempre essere fughe a mia insaputa!
    Riguardo al link che rimanda alla pagina principale dei lavori hai ragione, ma in questo momento sono impossibilitata a intervenire perché sto aspettando da QUATTRO giorni (il limite massimo sarebbe due...) che il mio server mi dia gli 80 mega di spazio che mi deve come da contratto!!! Non so bene perché ma quando ho raggiunto i 20M l’ftp mi ha detto: ma ci devi mettere ancora molta roba su stò sito? e mi ha bloccato per indigestione da JPEG.
    Quando ho chiesto spiegazioni al tecnico le sue testuali parole sono state: “Ma che razza di sito devi fare?!?”

    Ti metto qui sotto il codice, ce n’è un bel po’ da leggere, l’ho messo tutto perché non sapevo bene che cosa era necessario farti vedere.

    Ciao e grazie di nuovo


    <html>
    <head>
    <title>studio erAArte - lavori - felix - biestetica </title>
    </head>
    <body>
    <table border="0" background="img/pag_img.gif" border="0" width="780" height="439">


    <tr>
    <td width="4">[img]img/spacer52px.gif[/img]</td><td width="486"></td><td width="26"></td>
    <td></td><td></td>
    </tr>


    <tr>
    <td></td>
    <td>
    <a href="img/b1g.jpg" target="_blank" title="installazione biestetica m 17,55 x 2,54
    acrilico su tela, carta, biadesivo
    vedi immagine originale">
    [img]img/b1.jpg[/img]</a>
    </td><td></td>

    <td>



    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    [img]img/linkback.gif[/img]
    [img]img/linknext.gif[/img]</td>
    <td width="2"></td><td>[img]img/linktorna.gif[/img]</td></tr>

    <tr>
    <td>[img]img/spacer12px.gif[/img]</td>
    <td></td><td></td>
    </tr>
    <tr>
    <td>[img]img/textb_mc.gif[/img]</td><td></td>
    <td>[img]img/b10mc.jpg[/img]</td>
    </tr>
    <tr>
    <td>[img]img/spacer3px.gif[/img]</td><td></td><td></td>
    </tr>
    <tr>
    <td>[img]img/b1mc.jpg[/img]</td><td></td>
    <td>[img]img/b11mc.jpg[/img]</td>
    </tr>
    <tr>
    <td>[img]img/spacer3px.gif[/img]</td><td></td><td></td>
    </tr>
    <tr>
    <td>[img]img/b2mc.jpg[/img]</td><td></td>
    <td>[img]img/b12mc.jpg[/img]</td>
    </tr>
    <tr>
    <td>[img]img/spacer3px.gif[/img]</td><td></td><td></td>
    </tr>
    <tr>
    <td>[img]img/b3mc.jpg[/img]</td><td></td>
    <td>[img]img/b13mc.jpg[/img]</td>
    </tr>
    <tr>
    <td>[img]img/spacer3px.gif[/img]</td><td></td><td></td>
    </tr>
    <tr>
    <td>[img]img/b4mc.jpg[/img]</td><td></td>
    <td>[img]img/b14mc.jpg[/img]</td>
    </tr>
    <tr>
    <td>[img]img/spacer3px.gif[/img]</td><td></td><td></td>
    </tr>
    <tr>
    <td>[img]img/b5mc.jpg[/img]</td><td></td>
    <td>[img]img/b15mc.jpg[/img]</td>
    </tr>
    <tr>
    <td>[img]img/spacer3px.gif[/img]</td><td></td><td></td>
    </tr>
    <tr>
    <td>[img]img/b6mc.jpg[/img]</td><td></td>
    <td>[img]img/b16mc.jpg[/img]</td>
    </tr>
    <tr>
    <td>[img]img/spacer3px.gif[/img]</td><td></td><td></td>
    </tr>
    <tr>
    <td>[img]img/b7mc.jpg[/img]</td><td></td>
    <td>[img]img/b17mc.jpg[/img]</td>
    </tr>
    <tr><td>[img]img/spacer3px.gif[/img]</td><td></td><td></td>
    </tr>
    <tr>
    <td>[img]img/b8mc.jpg[/img]</td><td></td>
    <td>[img]img/b18mc.jpg[/img]</td>
    </tr>
    <tr>
    <td>[img]img/spacer3px.gif[/img]</td><td></td><td></td>
    </tr>
    <tr>
    <td>[img]img/b9mc.jpg[/img]</td><td></td>
    <td>[img]img/b19mc.jpg[/img]</td>
    </tr>
    <tr>
    <td>[img]img/spacer12px.gif[/img]</td><td></td><td></td>
    </tr>

    </table>



    </td>
    <td width="150"></td>
    </tr>

    <tr>
    <td></td><td></td><td></td>
    <td></td><td></td>
    </tr>

    </table>
    </body>
    </html>

  5. #5
    Utente di HTML.it L'avatar di Dr Mal
    Registrato dal
    Apr 2002
    Messaggi
    2,536
    Il tuo problema è questo:

    il codice nn è pulito e ti consiglio di usare le dimensioni in pixel x la tabella ed ogni singola cella meglio se con i css) eliminando gli spacer.
    [Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]

  6. #6
    Grazie Dottore... mi rendo conto dopo la tua diagnosi che devo decidermi a studiare i CSS. Li avevo accuratamente rimossi perché mi procuravano instabilità da transfert ansiogeno latente (nel senso che non riesco a trasferire il codice genetico dai CSS al mio cervello!)
    Dopo aver riscontrato queste patologie di slittamento ricorrenti, devo constatare la necessità di un approfondimento specialistico al riguardo.
    Comincio a studiare i CSS (ho già adocchiato un bel manuale cicciotto). Nel frattempo continuo la costruzione del sito con l’HTML altrimenti mi strozzano con un laccio emostatico. Appena avrò terminato il corso di specializzazione rifaccio tutto per bene (speriamo!)
    Grazie Doc, anche tu sei stato molto carino e paziente ad aiutarmi.
    Buona domenica.

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.