[Risolto]Allineare immagini con css di default

[lucantropo]

Buon giorno a tutti, ho da realizzare un template per un sito che ha un amministratore piuttosto ostico, nel senso che devo rendere le operazioni il più semplice possile altrimenti non gliela fa.
A questo proposito sto ragionando sull'allineamento delle immagini, normalmente quando una immagine deve essere messa a destra o a sinistra del testo faccio si che venga applicata una classe specifica inserendola nelle opzioni dell'editor, così facendo son già predisposto anche per la visualizzazione sugli smartphone.
Operazione piuttosto semplice ma il problema ora dove sta? Il suddetto amministratore ha usato in precedenza un diverso cms dove basta dire al sistema di mettere le immagini a destra o a sinistra e fa tutto da solo.

Joomla ha nelle opzioni l'allineamento delle immagini ma utilizzando questo metodo non si genera una classe specifica, usando i file di esempio dove c'è il logo di joomla allineato a destra ne esce fuori questo codice html:

Codice: [Seleziona]

<img width="350" height="71" alt="Joomla!" src="/miosito/images/joomla_logo_black.jpg" title="Joomla!" style="float: right; margin-top: 0px; margin-bottom: 8px; margin-left: 16px; margin-right: 0px;">

io invece vorrei riuscire ad avere un codice più simile al seguente:

Codice: [Seleziona]

<img class="right" alt="Joomla!" src="/lebenstahl/images/joomla_logo_black.jpg" title="Joomla!">
ovviamente nel mio css scriverei le regole per avere le immagini a destra o a sinistra.

Come posso fare quindi per forzare joomla ad applicare una classe specifica quando allineo le immagini?

Ringrazio in anticipo per le risposte

[adottauncane]

Ciao lucantropo,
installa JCE, secondo me fai prima, puoi impostare allineamento, distanza dal testo e anche il bordo, se serve. E rimane nel pop up inserimento immagini, fisso. Non puoi mettere una misura fissa per le immagini, ma magari non ti serve o quella sola la imposti da css.

[lucantropo]

Ciao grazie per la risposta, secondo te usando questo metodo e impostando una classe css di questo tipo per la versione per gli smartphone:

Codice: [Seleziona]

img{float:none; !important}
Le immagini allineate manualmente da jce riuscirebbero a perdere l'allineamento?

Con tutto che secondo me rimane più semplice spostarsi nel tab avanzate e scrivere un sufficco css,a questo amministratore è testone!

[adottauncane]

Sì, lo perdono.
No con JCE sarebbe decisamente più semplice, secondo me. Imposto anche per me, per praticità, allineamento e margine, non devi fare nulla poi lato editor. Niente tab o suffissi. Rimane impostato, metti la foto e basta.

[lucantropo]

Grazie mille proverò così