STRATEGIE DI POSIZIONAMENTO DEL TESTO:

STRATEGIE DI POSIZIONAMENTO DEL TESTO:
Durante la costruzione/modifica di una pagina web, ci si trova senz’altro di fronte al
problema del posizionamento del testo; è infatti frequente avere la necessità di
posizionare il testo in alto, al centro, in basso, a destra, a sinistra, attaccato ai margini
della tabella, staccato dai margini della tabella ecc..
In questo capitolo sono illustrati i metodi principali per posizionare correttamente i
contenuti all’interno delle tabelle/celle.
1) ALLINEAMENTO DELLE CELLE:
Quando create una tabella, essa conterrà inevitabilmente delle celle ( che sia una sola o
diverse); per ognuna di queste celle è possibile impostare un differente allineamento (che i
contenuti andranno a rispettare).
Per provare, create una tabella semplice ( di pixel 200 x 200), contenente una riga e una
colonna e scriveteci all’interno il testo “prova”.
Il risultato sarà il seguente:
Questo perché l’allineamento di default (se non lo si imposta) per le celle è SINISTRACENTRATO.
Provate ora a cambiare l’allineamento del testo della cella secondo il seguente
procedimento:
- Posizionate il cursore lampeggiante del mouse dentro la cella in questione
- Cliccate con il tasto destro
- nel menù a tendina che compare, selezionate la voce “CELLA”
- nel sottomenù a tendina che compare, selezionate la voce “PROPRIETA’ CELLA”
- vi comparirà la seguente finestra
- impostate così l’allineamento orizzontale su “centrato” e l’allineamento verticale su “in alto” , cliccate poi
su “OK”.
Il risultato sarà il seguente:
Supponete di voler creare una tabella di 2 righe e 2 colonne ( quindi di 4 celle totali) e
popolare ogni cella con contenuti allineati in modo diverso; innanzitutto create la
tabella,(fatela magari di 300 x 300, tanto per avere un discreto spazio a disposizione); poi
per ognuna delle sue celle, impostate un differente allineamento, in ultimo, inserite in ogni
cella un contenuto di testo che descriva il tipo di allineamento utilizzato.. il risultato sarà di
questo tipo:
2) ALLINEAMENTO DEI CONTENUTI (
comandi di Posizione):
Per allineare i contenuti in modo più rapido potete anche utilizzare i comandi di
posizione, ovvero i 4 comandi presenti nel pannello superiore.
E’ importante tenere presente che, questi comandi prevalgono sulle proprietà della cella,
( Allinea a
se in una cella impostate l’allineamento a destra, e cliccate sul comando
sinistra ), il contenuto si posizionerà a sinistra, dando “retta” a questo comando anziché
all’allineamento impostato dalle proprietà.
ALLINEA A SINISTRA: il testo verrà allineato a sinistra della cella.
CENTRA: il testo verrà allineato al centro della cella.
ALLINEA A DESTRA: il testo verrà allineato a destra della cella.
GIUSTIFICA: il testo verrà distribuito lungo l’intera larghezza della cella
3) PADDING CELLE E SPAZIATURA CELLE.
Talvolta, quando create una tabella con più righe e colonne, avete la necessità, di
staccare leggermente i contenuti delle celle dai rispettivi margini, per evitare che
“sbattano” fra di loro. Per fare questo esistono 2 comandi: SPAZIATURA “CELLE” e
“PADDING CELLE”; immaginate di avere una tabella di questo tipo:
A questo punto, potreste intervenire nei due diversi modi:
Spaziatura celle:
Per settare la spaziatura celle posizionatevi sulla tabella, cliccate con il tasto destro e
selezionate la voce “Proprietà Tabella”, troverete il comando sulla destra nella finestra che
apparirà.
Immettendo un valore di spaziatura pari a 15, otterrete il seguente risultato:
le celle sono distanziate fra loro di 15 pixel.
NB: lo spazio fra una cella e l’altra non può essere riempito con del contenuto.
Padding celle:
Per settare il padding celle seguite il medesimo percorso utilizzato per la spaziatura ( le
due voci sono contigue).
Provando ad impostare 15 come padding, anziché come spaziatura ( sempre nella stessa
tabella) otterrete il seguente risultato:
a differenza di prima, ora le celle non sono distanziate fra loro.. è invece il contenuto ad
essere staccato dal margini della cella.
4) AUMENTA RIENTRO E RIDUCI RIENTRO
:
Tramite questi due comandi ( impostabili dal pannello superiore), potete impostare il
rientro di una cella, supponiamo di avere una tabella di questo tipo:
Posizionate il cursore del mouse all’interno della cella e cliccate sul comando
il seguente risultato:
; otterrete
Cliccando di nuovo, il rientro aumenterà ulteriormente di uno step, e otterrete:
Per ridurre il rientro, basterà cliccare su .
NB. Ogni volta che cliccate su questi due comandi, il rientro aumenta e diminuisce di UNO
STEP ( che corrisponde a circa un centimetro di spazio sullo schermo) non è possibile,
tramite questo metodo, impostare rientri intermedi, per farlo, è consigliabile utilizzare il
padding cella ( vedi punto 3).