La programmazione HTML 5 e CSS3, prevede l’utilizzo degli stylesheet per la definizione degli stili di testo ed oggetti grafici presenti sulla pagina.

Ma in taluni casi, quando si usa un CMS come WordPress o Joomla può essere utile poter accedere ai comandi diretti quando non sono disponibili gli strumenti opportuni, per evidenziare un oggetto e posizionarlo al centro della pagina.

In questo caso possono venire in auto alcune tecniche di scrittura html diretta dentro all’editor html:

Se si vuole scrivere un testo con un effetto barrato (esempio) è possibile farlo in 2 modi:

– usando il tag <strike>: è necessario racchiudere il testo tra i tag: <strike>testo<strike>
– usando lo stile line-through: si può dichiarare una classe nel css con l’attributo text-decoration: line-through, o inserire uno <span style=”text-decoration: line-through;”>testo</span>;

Se risulta necessario centrare un banner ad esempio ecco come procedere:

Collochiamo l’oggetto da centrare dentro ad un tag DIV

<div id=”harvest” style=”text-align: center;”>
<a href=”http://try.hrv.st/1coy?b” title=”Painless time tracking”><img src=”https://www.getharvest.com/images/referrals/harvest_banner_130x60.png” height=”60″ width=”130″ border=”0″ alt=”Harvest time tracking” /></a>
</div>

Poi assegnamo come mostrato lo style relativo, in questo caso centratura, all’intero DIV.

La definizione di un id per il DIV non è necessario, ma può essere fatto anche come metodo per documentare meglio gli oggetti ed il codice.

About The Author

Lascia un commento o richiedi supporto con il pulsante "Aiuto"

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.