[RISOLTO]Caption con img joomla 3.8.1

[Valgo54]

Ciao,
ho un problema di caption che deve stare sotto una img. Contestualmente il testo deve staccare dal margine dx della img.
Fatto vari test anche con tag <figcaption>, niente... Con questo codice, generato anche da editor JCE, riesco ad avere la caption ,però il testo non stacca a dx della img.

Codice: [Seleziona]



<p><img src="img.jpp" alt="" class="caption" style="margin-left: 0px;
margin-right: 5px; float: left;" title="caption img" /></p>
<p>testo non stacca da img</p>
[code]
Con questo altro , togliendo la class, il testo stacca da img. Però perdo la caption  :-\
[code]

<p><img src="img.jpg" alt="" style="margin-left: 0px; margin-right: 5px; float: left;" title="title" /></p>
<p>testo stacca da img</p>
[code]
Qualsiasi aiuto sarà apprezzato
Grazie





[Valgo54]

Buongiorno ,
ho fatto altre prove- Con "text-aligny:justify" (Ipotesi A )il testo viene giustificato ,la caption viene visualizzata, ma il margin-left:5px , può essere anche right, non viene applicato. O meglio con l’articolo aperto in JCE il margine tra testo e img c'è ma quando carichi il sito, sto lavorando in locale, il testo si affianca alla immagine(brutto da vedere).
Ipotesi A:

Codice: [Seleziona]

<p style="text-align: justify;"><img src="images/img.jpg" class="caption" style="margin-right: 0px; margin-top: 0px; vertical-align: top; margin-left: 5px; float: right;" title="Titolo" />[code]
Ipotesi B:
Per fare in modo che margin-left o margin-right vengano rispettati devo rinunciare alla caption
[code]<p style="text-align: justify;"><img src="images/img.jpg" style="margin-right: 0px; margin-top: 0px; vertical-align: top; margin-left: 5px; float: right;" /> [code]
Tra i vari ho letto un post che dice che è un bug di joomla ...
Qualche aiuto/suggerimento? Purtroppo avendo parecchie immagini in miniatura la caption è importante.
Grazie mille



[tomtomeight]

Perché usi stile inline e non css?

[Valgo54]

Ciao,
è JCE ,molto comodo, che imposta stile inline. Comunque ho provato anche con una regola CSS ma niente da fare...
In internet ho trovato un post che dice che è un bug di joomla, si può avere conferma di questo?
C'è qualche altra alternativa? Ho provato a mettere sotto l'immagine una tabella con 1 riga e 1 colonna ma poi con il testo del contenuto sorgono dei problemi ( non si riesce a posizionarla al meglio.)
Non so più cosa tentare...
Grazie
 

[Alex21]

In internet ho trovato un post che dice che è un bug di joomla, si può avere conferma di questo?

Non so più cosa tentare...

Bug di joomla su una faccenda di stile? Mi sembra difficile . . .
Quanto al cosa tentare puoi iniziare aiutandoci a capire cosa vuoi fare. Ad esempio, qual è lo stile esistente per la classe 'caption' ?
Se non so quello non riesco a capirci nulla.
Ciao!

[giusebos]

gli stili in linea sono limitativi, e questo ne è un esempio tipico.

[Valgo54]

Ciao
l'obiettivo è avere le caption sotto le miniature delle immagini e conservare un margine right o left tra immagine e testo in modo che questo non risulti troppo attaccato alla img. Il settagggio style inline me lo imposta  JCE .Comunque nella scheda advanced nel campo classes dell'image manager , volevo spedire un allegato ma mi da errore, ho specificato una classe ma non va.In pratica se rinuncio alla caption ottengo il margine tra  testo e immagine , se imposto la caption perdo il margine.
Grazie
P.S.
Il sito è accessibile solo in locale, c'è modo di farvi avere un allegato con il settaggio?

[Limma]

Tempo fa ho fatto qualcosa di molto vicino a quello che stai cercando di fare tu.
Puoi vedere il risultato in questa pagina.
Lo puoi vedere anche tu dal sorgente pagina, ma l'html del primo paragrafo è:

Codice: [Seleziona]

<h3>Una definizione</h3>
<p><figure class="figure"><a href="images/ImagoPopup/Pollini-1982-full.jpg" type="image/jpeg" class="jcepopup" data-mediabox="1" data-mediabox-caption="Il manifesto realizzato dal pittore e incisore padovano Tono Zancanaro"><img src="images/ImagoPage/Pollini-1982.jpg" alt="Pollini 1982" style="width: 400px;" /></a><figcaption>Aprile 1982. Ascoltare la Musica Contemporanea<br />Sylvano Bussotti - Paolo Castaldi</figcaption></figure>Per cominciare, una defnizione: Interensemble è un ensemble, prima di tutto, cioè un gruppo di persone che condividono passioni e obiettivi: la passione per la musica, con l’obiettivo principale della ricerca del nuovo. Il cammino percorso è lungo. Alcune persone del gruppo sono cambiate in questi anni, ci sono stati molti avvicendamenti, ma è rimasto un nucleo originario di cinque o sei fondatori, che hanno trasmesso agli altri l’entusiasmo per l’avventura del nuovo.</p>

Il tutto è regolato dalla classe .figure che vedi qui sotto.

Codice: [Seleziona]

.figure {
  float: left;
  max-width: 100%;
  text-align: left;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
In rete c'è moltissima documentazione su "image caption"

[Valgo54]

Ciao
con il codice che mi hai suggerito, grazie, funziona mi tiene il margin left corretto e mi tiene la caption.Grande!

Codice: [Seleziona]

<figure class="figure"><img src="images/img.jpg" alt="" width="373" height="250" class="figure" title="Capanna" /><figcaption>Aprile 1982. Ascoltare la Musica Contemporanea<br />Silvano BussottiT</figcaption></figure>
<p>TESTO ALLINEATO</p>
 .figure{
               width:300px;
                height:195px;
                margin-right: 0px;
                float: right;
                margin-top:0px;
                 text-align: justify;
                 margin-left:5px;
                 }[code]
Però se apri l'editor JCE vedo il codice tutto sposizionato rispetto alla immagine , per via della regola penso? sto muovendo i primi passi con Joomla... Come si può rimediare perchè se hai  una articolo con molto testo e molte immagini e vedi tutto sposizionato è un casino.
Grazie ancora

[Limma]

Però se apri l'editor JCE vedo il codice tutto sposizionato rispetto alla immagine , per via della regola penso? sto muovendo i primi passi con Joomla... Come si può rimediare perchè se hai  una articolo con molto testo e molte immagini e vedi tutto sposizionato è un casino.

Se apri JCE non è il codice che vedi "sposizionato", ma è il suo "effetto visivo" ad essere sposizionato nell'editor in modalità visuale (scusa il gioco di parole)...
A volte è meglio usare l'editor in modalità "codice"...

[giusebos]

per vedere l'anteprima del codice nell'area di testo dovresti inserire nella configurazione di jce il file contenente la regola css

Ma comunque meglio vedere il codice, è più sicuro che non commetti errori.

[Valgo54]

Ciao
non mi è chiaro cosa intendi per "inserire nella configurazione di jce il file contenente la regola css".
Una cosa strana: ho notato che ad es. il comando text-align: justify; se lo metti nella regola css non ha effetto se lo imposti con jce lo esegue.
Grazie
ciao
 

[giusebos]

nelle impostazione di JCE vi è la possibilità di fargli leggere le classi di uno specifico file css, così facendo la textarea di jce visualizzarà i contenuti con l'esatta formattazione data dalle varie classi.

[Valgo54]

Ciao
ho inserito il riferimento al file user.css nella global configuration di JCE. Ho aperto un articolo con un pò di testo e 4 immagini. A parte una caption messa in qualche modo tutto il resto è ok!
Grazie mille Giusebos