Consiglio!

Aiuto HTML

« Older   Newer »
 
  Share  
.
  1. .Hold'em.
        +1   -1
     
    .

    User deleted


    Se vuoi costruire una tabella, posso darti una mano.

    HTML
    <table border="2" width="300">


    Questo è un esempio di tabella..dove border=2 è lo spessore dei bordi, puoi modificare 2 in un numero qualsiasi a seconda dei tuoi gusti, e dove width è la larghezza della tabella..io ho scritto 300, puoi modificare anche questa ovviamente, non farla troppo sproporzionata o troppo minuta.

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


    Per iniziare un blocco di tabella...la tua tabella può essere a più blocchi:

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


    Per chiudere una tabella si usa:
    HTML
    </table>
    "tr" chiude diciamo il rigo

    Esempio

    Primo blocco, le scritte vanno inserite tra i "td"

    Secondo blocco, scritta centrata, basta inserire il normale codice "center"



    CODICE
    <table border="2" width="300">
    <tr>
    <td>Primo blocco, le scritte vanno inserite tra i "td"</td>
    <td>[CENTER]Secondo blocco, scritta centrata, basta inserire il normale codice "center"[/CENTER]</td>
    </tr>
    </table>


    Se noti, il blocco destro è più grande del sinistro. Per sistemare le cose, basta seguire questo piccolo codice; al posto del normale "td" inserisci:
    HTML
    <td width="50%">
    per ogni "td" che metti. Naturalmente, se vuoi una tabella con 3 blocchi, questi per avere tutti la stessa misura, devono essere tutti e 3 del 33%. Se ne vuoi 4 allora del 25%, se ne vuoi 5 del 20% e cosi via.

    Esempio:


    Primo blocco, le scritte vanno inserite tra i "td"

    Secondo blocco, scritta centrata, basta inserire il normale codice "center"



    CODICE
    <table border="2" width="300">
    <tr>
    <td width="50%">Primo blocco, le scritte vanno inserite tra i "td"</td>
    <td width="50%">[CENTER]Secondo blocco, scritta centrata, basta inserire il normale codice "center"[/CENTER]</td>
    </tr>
    </table>


    Esempio

    Primo blocco, le scritte vanno inserite tra i "td"

    Secondo blocco, scritta centrata, basta inserire il normale codice "center"

    Terza scritta


    CODICE
    <table border="2" width="300">
    <tr>
    <td width="33%">Primo blocco, le scritte vanno inserite tra i "td"</td>
    <td width="33%">[CENTER]Secondo blocco, scritta centrata, basta inserire il normale codice "center"[/CENTER]</td>
    <td width="33%">Terza scritta</td>
    </tr>
    </table>


    Queste solo le regole base. Ora, se vuoi creare qualcosa di più complicato basta giocare un po' con questi codici..Adesso ti faccio alcuni schemini per esempio:

    Scritta numero 1

    Quello sopra
    Quello sotto


    CODICE
    <table border="2" width="300">
    <tr>
    <td rowspan="2">[CENTER]Scritta numero 1[/CENTER]</td>
    <td>Quello sopra</td></tr>
    <td>Quello sotto</td>
    </table>


    Quel
    HTML
    <td rowspan="2">
    significa che quel blocco, può contenere altri 2 blocchi affianco, se vuoi 3 blocchi, allora modifica quel 2 in 3 ed aggiungi un "td":

    Scritta numero 1

    Quello sopra
    Quello in mezzo
    Quello sopra


    CODICE
    <table border="2" width="300">
    <tr>
    <td rowspan="3">[CENTER]Scritta numero 1[/CENTER]</td>
    <td>Quello sopra</td></tr>
    <tr><td>Quello in mezzo</td></tr>
    <tr><td>Quello sopra</td></tr>
    </table>


    Per contenere i blocchi per quanto riguarda la parte inferiore si usa
    HTML
    <td colspan="2">


    Per esempio:

    Ci può stare un titolo

    Sono a Sinistra

    Sono a Destra



    CODICE
    <table border="2" width="300">
    <tr>
    <td colspan="2">[CENTER]Ci può stare un titolo[/CENTER]</td></tr>
    <tr>
    <td width="50%">[CENTER]Sono a Sinistra[/CENTER]</td>
    <td width="50%">[CENTER]Sono a Destra[/CENTER]</td>
    </tr>
    </table>


    Stessa cosa di sopra, se vuoi più colonne sotto, modifica il 2 in 3 ricordando di modificare anche la percentuale di grandezza.

    Puoi sostituire il
    HTML
    [CENTER][/CENTER]
    con
    HTML
    <p align="center"></p>
    è la stessa cosa più o meno


    Se non hai capito qualcosa chiedi pure :sisi:



     
    Top
    .
4 replies since 27/6/2011, 21:42   157 views
  Share  
.