[RISOLTO] immagine non incorniciata SE aggiungo link lightbox

[mariarosaria]

Salve a tutti.
Ho sistemato una immagine incorniciata nel testo e fin qui nessun problema. Dall'editor risulta il seguente codice:

Codice: [Seleziona]

<p style="text-align: justify;"><strong>L'ispirazione</strong>
<img style="float: right; margin: 0px 0px 10px 15px;" src="images/nostrastoria/a.jpg" alt="Padre Santo agli inizi" width="260" /></p>
Il risultato è quello dell'allegato in immagine 1.

Se aggiungo del codice per ottenere una lightbox al click, pur avendo assegnato float:right, non mi si incornicia più e il testo rimane sotto l'immagine (vedi allegato immagine 2).

Codice: [Seleziona]

<p style="text-align: justify;"><strong>L'ispirazione</strong>
<a title="Padre Santo agli inizi" href="images/nostrastoria/a.jpg" data-lightbox="titlePosition:over; padding:0; transitionIn:elastic; overlayShow:true; group:nostrastoria"><img style="float: right; margin: 0px 0px 10px 15px;" src="images/nostrastoria/a.jpg" alt="Padre Santo agli inizi" width="260" />[/url]</p>
Qualcuno ha qualche idea?
Grazie

[Limma]

In verità non ci ho capito molto del codice col lightbox che hai postato...
In ogni caso ho cercato di ricreare la tua situazione e (effetto lightbox a parte che non ho riprodotto; cliccando sull'immagine si apre in una nuova finestra) l'immagine resta a destra del testo, col testo che la circonda.
Forse c'è qualcosa che non va su come inserisci il testo nel codice che hai postato...
Dai un'occhiata qui (l'ultimo esempio in fondo alla pagina).

[mariarosaria]

Intanto grazie per l'interessamento.

Ho modificato l'articolo inserendo la lightbox. Prova adesso e vedi se capisci perchè pur essendoci float:right mi rimane sopra il testo... http://www.pfsi.it/la-nostra-storia

Magari sbaglio l'ordine dei vari attributi?
Nell'editor comunque la vedo incorniciata... Ho pure provato con JCE. La allineo a sinistra e si incornicia, ma front-end non va...

Grazie

[Limma]

Sob...
Ho utilizzato i tuoi testi (presi pari pari dal sorgente della tua pagina) e ho creato l'effetto lightbox con JCE, ma l'immagine continua imperterrita a rimanere a destra...
Vedi di nuovo il link che ho postato prima.

Questo il codice che ho usato (con JCE):

Codice: [Seleziona]

<p style="text-align: justify;"><strong>L'ispirazione</strong></p>
<p><a href="images/Imago-pagina-test.jpg" type="image/jpeg" class="jcepopup" data-mediabox="1"><img src="/images/Imago-pagina-test.jpg" alt="Padre Santo agli inizi" width="260" style="float: right; margin: 0px 0px 10px 15px;" /></a></p>
<p style="text-align: justify;">Il fondatore della Fraternit&agrave; dei Piccoli Fratelli e delle Sorelle dell&rsquo;Immacolata &egrave; Mons. Santo Donato, sacerdote dell&rsquo;Arcidiocesi di Reggio Calabria-Bova e attuale Penitenziere della cattedrale di Reggio Calabria. Nato a Villa San Giovanni (Reggio Calabria) il 9 aprile 1956, &egrave; stato ordinato sacerdote il 6 giugno del 1982 e, dopo una breve esperienza pastorale a Bova Superiore (Rc), &egrave; stato nominato parroco della Parrocchia Santa Maria degli Angeli a Bagnara Calabra.</p>
<p style="text-align: justify;">Un grande ideale ha sempre anima tola vita di don Santo: dare vita ad una comunit&agrave; di fratelli e sorelle desiderosi di consacrare la vita a Dio per mezzo dell&rsquo;Immacolata, vivendo in un clima di preghiera e di amicizia fraterna, disponibili a coniugare la vita contemplativa e la vita attiva. Uno stile di vita permeato da una grande devozione alla Vergine Maria che, sin da bambino, don Santo ha sempre sentito come connaturale alla propria vocazione.</p>
<p style="text-align: justify;">Un grande ideale ha sempre anima tola vita di don Santo: dare vita ad una comunit&agrave; di fratelli e sorelle desiderosi di consacrare la vita a Dio per mezzo dell&rsquo;Immacolata, vivendo in un clima di preghiera e di amicizia fraterna, disponibili a coniugare la vita contemplativa e la vita attiva. Uno stile di vita permeato da una grande devozione alla Vergine Maria che, sin da bambino, don Santo ha sempre sentito come connaturale alla propria vocazione.</p>
<p style="text-align: justify;"><strong>I primi passi</strong></p>
<p style="text-align: justify;">La prima esperienza di vita fraterna dall'incontro fa don Santo e Antonio (oggi padre Antonio), un giovane di 28 anni, originario della Sicilia, che si trovava in Calabria da alcuni anni per motivi di lavoro, e che gi&agrave; da qualche tempo avvertiva il desiderio di donare la propria vita al Signore, il quale decide di lasciare il lavoro e iniziare lo studio della teologia. Sono anni di preghiera e di ricerca della volont&agrave; di Dio, durante i quali l&rsquo;amicizia tra don Santo e Antonio si consolida sempre pi&ugrave; nel Signore.</p>

[mariarosaria]

Grazie. 

Ho copiato il codice che hai postato e l'ho sostituito nell'articolo, ma l'immagine non si apre in una lightbox, bensì soltanto in una "finestra". L'ho copiato così com'era nell'editor JCE!

Boh...
Inoltre con l'altra lightbox, mediante l'attributo "group" attribuito alle varie immagini potevo creare una gallery lightbox con tutte le foto della pagina guarda questa). Questo è possibile anche con JCE?

[Limma]

Oltre all'editor JCE hai installato anche JCE MediaBox? E' il plugin necessario per avere l'effetto lightbox.
Sì, anche con JCE puoi raggruppare le immagini e creare una galleria come quella della pagina che hai linkato.

Che estensione crea il lightnox che stai usando sul tuo sito?

[mariarosaria]

Plugin installato. Adesso si apre la lightbox.
Sto usando la versione free di widgetkit...


Veramente mi piace di più la visualizzazione di widgetkit piuttosto che qualle di JCE, ma se non ho altre soluzioni, pazienza... 


Grazie

[Limma]

Concordo sul fatto che la visualizzazione di widgekit sia più accattivante...

Ma ora riesci ad allineare a destra le immagini col testo "intorno"?

Visto che è la versione free, metti un link da dove lo possa scaricare. Appena ho un po' di tempo lo provo. Voglio proprio vedere se non si riesce a fare quello che cerchi... 

[mariarosaria]

Uh! Grazie.

Questo è il link. Magari si potesse fare... E' che di per se non c'è un motivo "logico" perchè non debba andare... mah...

Comunque si, adesso se visiti la pagina si apre la lightbox di JCE.
Grazie mille.
Comunque se poi riesci a provare quando hai un pò di tempo e funziona mi fai sapere!
 

[Limma]

Nel frattempo avevo scaricato e provato 'sto benedetto widgekit. Il risultato qui.
Che ne dici? 

[mariarosaria]

Grande!!!! 


Funziona! Se ho capito bene hai assegnato l'attributo float all'intero paragrafo, piuttosto che alla sola immagine, esatto?
Avevo fati diversi tentativi, con un diverso ordine dei vari attributi, ma non ci ero riuscita.
Grazie ancora. 


P.S. Rimango veramente sorpresa quando trovo qualcuno che si prende tanto a cuore una cosa e si mette a "perderci tempo"!

[Limma]

Di nulla. Per così poco 
Piuttosto: dove hai trovato la documentazione su widgetkit?

[mariarosaria]

...?
Non ho letto nessuna documentazione.
Se apro il componente, mi escono le varie voci (lightbox, slideshow, media player...) e c'è la spiegazione (How to use).
Ti allego una schermata. Non so se intendevi questo.

Grazie ancora!

[Limma]

Esatto. E' quello che cercavo!
Nella fretta di far funzionale il float:right non avevo nemmeno guardato il menu Componenti...

Grazie a te, soprattutto per avermi fatto conoscere questo interessante componente. 

[mariarosaria]

 
Spero di poterti essere utile ancora. Magari io troverò nuova roba e tu mi risolverai i problemi... 

[Limma]