L'HTML mette a disposizione tutta una serie di opzioni per la formattazione degli elenchi puntati.
Il metodo più semplice per creare un elenco puntato è quello di usare uno dei due tasti della barra Formattazione
Tuttavia una volta creato un elenco (puntato o numerato) possiamo definire tutta una serie di parametri. Andiamo a scoprirli.
Posizionando il mouse sull'elenco e scegliendo Elenchi puntati e numerati dal menu Formato accediamo ad una pannello nel quale possiamo definire varie opzioni.

La prima scheda (riprodotta in figura) ci permette di impostare un'immagine al posto del classico punto. Scegliendo l'opzione Usa le immagini del tema corrente verrà applicata l'immagine secondo le impostazione del tema che stiamo usando (vedi il capitolo relativo ai temi).
Selezionando Usa l'immagine selezionata possiamo invece andare a selezionare, con il pulsante Sfoglia un'immagine a nostro piacimento.
Infine scegliendo Consenti compressione struttura se vogliamo rendere
interattivo il nostro elenco. In questa modalità, infatti, il visitatore potrà
cliccare su alcune voci dell'elenco e visualizzare dei sotto-elenchi.
La casella Visualizza inizialmente in forma compressa mostra, inizialmente,
l'elenco in forma compressa. Successivamente il visitatore potrà esplorarlo
cliccando sulle varie voci.
Questa caratteristica funziona solo con i browser che supportano l'HTML
dinamico.
Ecco un esempio concreto di un elenco dinamico:
Nota: per creare dei sottoelenchi (cioé spostati a destra rispetto all'elenco principale) è necessario usare i pulsanti Riduci rientro ed Aumenta rientro
La seconda scheda permette di definire il simbolo grafico dell'elenco che stiamo formattando.

La terza finestra permette convertire l'elenco attuale in un elenco numerato. Oltre ai numeri arabi e quello romani è possibile associare alle varie voci le lettere dell'alfabeto.
La casella Comincia da permette di definire il valore dal quale deve iniziare il conteggio dei numeri dell'elenco.

L'ultima scheda permette infine di usare altre forme di elenchi, come ad esempio l'elenco di definizioni.

Adobe Edge, la prima animazione HTML5Come creare una animazione HTML5 con Adobe Edge, esempio completo |
Adobe Edge, l'interfacciaEsaminiamo pannelli e menu del tool gratuito di Adobe per la... |
Trasformazioni XSLT in Dreamweaver 8Primo sguardo agli strumenti XML: trasformare un feed RSS |
Layout senza tabelle con Dreamweaver 8Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia |
Il nuovo Dreamweaver 8Panoramica delle principali novità dell'ultima release del popolare... |
Guida WebMatrixEntrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,... |
Guida Notepad++Un editor testuale che funziona perfettamente anche come editor HTML... |
Guida AptanaCreare siti Web o applicazioni con Aptana, l'editor open source,... |
Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base27 Febbraio 2012 a Milano |
|
|
Corso Webmaster base12 Marzo 2012 a Milano |
|
|
Corso Webmaster base20 Febbraio 2012 a Roma |
|
|
Corso Google AdWords Base28 Marzo 2012 a Roma |