Vai al contenuto

Immagine + Testo HTML (Elementi pagine di contenuti)

Aggiornato il 20.04.2021
Le funzionalità descritte sono disponibili da Ready Pro v19.3.
Questo elemento permette di inserire un'immagine annidata a destra o a sinistra di un testo, all'interno di una pagina di contenuti.

All'interno della pagina contenuti utilizzare il pulsante Aggiungi e selezionare l'elemento Immagine + Testo HTML,
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 1
stabilire quindi il tipo di Allineamento dell'immagine dal menù a tendina:
- Immagine a sinistra con testo a destra
- Immagine a destra con testo a sinistra
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 2
Nel nostro esempio scegliamo l'allineamento Immagine a sinistra, testo a destra e inseriamo l'immagine tramite il pulsante Inserisci immagine
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 3
Caricare l'immagine dalla cartella Windows di provenienza.
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 4
Successivamente confermare il nome del file
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 5
Salvare infine l'immagine caricata
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 6
L'immagine è correttamente caricata all'interno dell'elemento.
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 7
Per inserire il testo clicchiamo col mouse sulla sezione Testo e poi sul pulsante Modifica,
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 8
per accedere al HTML Editor dove possiamo inserire il nostro testo sia in formato testo semplice che in codice sorgente HTML.

In questo esempio abbiamo inserito un testo semplice tramite il pulsante Editor testo
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 9
Ecco come appare l'elemento l'elemento Testo + Html nella nostra pagina, con l'immagine a sinistra e il testo a destra,
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 10
Selezionando invece un posizionamento dell'immagine a destra e il testo a sinistra il risultato sara' simile al seguente
Immagine + Testo HTML (Elementi pagine di contenuti) – immagine 11