Autore Topic: [RISOLTO]Caption con img joomla 3.8.1  (Letto 341 volte)

Offline Valgo54

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
[RISOLTO]Caption con img joomla 3.8.1
« il: 19 Nov 2017, 18:54:37 »
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



« Ultima modifica: 03 Dic 2017, 15:05:44 da Valgo54 »

Offline Valgo54

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
Re:Caption con img joomla 3.8.1
« Risposta #1 il: 28 Nov 2017, 18:50:19 »
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


Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 28048
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
    • Xataface Italia
Re:Caption con img joomla 3.8.1
« Risposta #2 il: 28 Nov 2017, 19:18:27 »
Perché usi stile inline e non css?
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

Offline Valgo54

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
Re:Caption con img joomla 3.8.1
« Risposta #3 il: 29 Nov 2017, 16:26:51 »
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
 


Offline Alex21

  • Appassionato
  • ***
  • Post: 512
    • Mostra profilo
    • servizi web
Re:Caption con img joomla 3.8.1
« Risposta #4 il: 29 Nov 2017, 18:20:42 »
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!

Offline giusebos

  • Fuori controllo
  • *
  • Post: 18417
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Caption con img joomla 3.8.1
« Risposta #5 il: 29 Nov 2017, 20:28:36 »
gli stili in linea sono limitativi, e questo ne è un esempio tipico.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Valgo54

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
Re:Caption con img joomla 3.8.1
« Risposta #6 il: 30 Nov 2017, 20:50:02 »
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?

Offline Limma

  • Appassionato
  • ***
  • Post: 582
  • Sesso: Maschio
    • Mostra profilo
Re:Caption con img joomla 3.8.1
« Risposta #7 il: 30 Nov 2017, 21:20:35 »
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"

Offline Valgo54

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
Re:Caption con img joomla 3.8.1
« Risposta #8 il: 01 Dic 2017, 15:30:04 »
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

Offline Limma

  • Appassionato
  • ***
  • Post: 582
  • Sesso: Maschio
    • Mostra profilo
Re:Caption con img joomla 3.8.1
« Risposta #9 il: 01 Dic 2017, 15:46:33 »
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"...

Offline giusebos

  • Fuori controllo
  • *
  • Post: 18417
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Caption con img joomla 3.8.1
« Risposta #10 il: 01 Dic 2017, 15:58:40 »
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.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Valgo54

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
Re:Caption con img joomla 3.8.1
« Risposta #11 il: 02 Dic 2017, 21:03:52 »
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
 

Offline giusebos

  • Fuori controllo
  • *
  • Post: 18417
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Caption con img joomla 3.8.1
« Risposta #12 il: 02 Dic 2017, 23:31:24 »
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.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Valgo54

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
Re:Caption con img joomla 3.8.1
« Risposta #13 il: 03 Dic 2017, 15:05:17 »
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


 

Torna su