[risolto]layout articolo: immagine affiancata al testo

[mahagonny]

Voglio che il testo appaia sempre sotto l'immagine. A volte lo fa a volte no.
Nelle configurazioni non individuo un settaggio per controllare questo fenomeno.
Come si risolve, se si può?

[size=78%]https://planespottersbari.it/index.php/blog/nato-tiger[/size]

[grendizer71]

Ciao, che editor stai usando, il TinyMCE? Se è lui, quello di default di joomla, è probabile che debba essere aggiunto un allineamento all'immagine ... ed il TinyMCE non è che abbia molti strumenti in merito. Potresti provare ad aggiungere l'immagine, dare un ritorno a capo, ed inserire il testo. in questo modo l'immagine sarebbe sempre "su" anche se con dimensioni variabili. Personalmente ho risolto con l'estensione JCE che mette in joomla un editor con molte più opzioni... oppure optare per usare l'immagine di introduzione e di articolo esteso, e lasciare che le regole di impaginazione siano decise da joomla,  dalla configurazione globale / articoli.
Ps. Vedo che scrivi da Bari, io vicino Taranto

[mahagonny]

Grazie. qui sta il problema. Non uso il Tinymce ma il codemirror e non inserisco immagini negli articoli.

[grendizer71]

a questo punto, se vuoi continuare nell'inserire immagini direttamente nell'articolo, forse ti converrebbe installare il JCE che è molto ricco di funzioni. Personalmente preferisco far uso di CSS e template che gestiscano l'aspetto di come si presentano immagini e testo, dedicandomi solo all'imputazione dei dati, ma ognuno si trova bene a modo suo naturalmente.
Qui c'è il core di JCE, quello free, suggerirei un backup preventivo ed un test... magari ti trovi bene e lo utilizzi per tutto

CORE DI JCE

[$Red]

Ciao, nel pannello di controllo vai a contenuto/articoli in alto a destra clicca su opzioni, nella pagina che si apre vai alla scheda layout modifica, a fondo pagina trovi Classe immagine introduzione e Classe immagine testo completo, per quella testo completo prova a togliere la parola left o ad utilizzare none. Se non funziona dovrai creare il file user.css qui trovi come fare, sul quale scrivere la regola che annulla questa:

Codice: [Seleziona]

.float-start {
  float: left !important;
}e dovrebbe andare bene cosi

Codice: [Seleziona]

.float-start {
  float: none !important;
}

[mahagonny]

Grazie.
Eliminando left o scrivendo none, non funziona.
Creare il file user.css col codice che hai postato
 

Codice: [Seleziona]

.float-start {  float: none !important;}non influisce sull'immagine estesa dell'articolo.

[sgiobbio]

ciao mahagonny, apri il sito con chrome a utilizzi "ispeziona" (oppure firefox e "analizza"), poi provi sull'immagine le regole css finché non ti soddisfano, le riporti sul file user.css e sei a posto

[mahagonny]

ciao mahagonny, apri il sito con chrome a utilizzi "ispeziona" (oppure firefox e "analizza"), poi provi sull'immagine le regole css finché non ti soddisfano, le riporti sul file user.css e sei a posto

Grazie. In effetti così facendo e modificando le regole ottengo la visualizzazione giusta. Solo che quando poi lo riporto nel .css non accade nulla.
Sarò io di coccio 

[mahagonny]

Faccio un aggiornamento che, se vogliamo, mi confonde ancor di più le idee.
Se carico un'immagine dell'articolo esteso di 1200px di larghezza, il testo finisce sotto la stessa.

[$Red]

ma dopo aver fatto la modifica hai pulito la cache del browser ho aggiornato la pagina con ctrl+F5?
Perche analizzando la pagina la regola a me risulta proprio quella

[mahagonny]

E vabbè! Nella mia infinita ignoranza il file user.css anzichè crearlo nella cartella css, l'ho creato nell'albero principale.
Mi scuso con tutti voi per il tempo che avete sottratto magari a cose più serie.