[RISOLTO]Riflesso immagini

[shinz_]

Ciao ,
ho provato vari plugin che creano l'effetto riflesso sulle immagini.
L'effetto funziona, però con tutti i plugin provati risulta spostato più in basso e a sinistra rispetto l'immagine d'origine.

Esempio
Secondo voi a cosa è dovuto 
Grazie!

[= odino =]

Ciao ,
ho provato vari plugin che creano l'effetto riflesso sulle immagini.
L'effetto funziona, però con tutti i plugin provati risulta spostato più in basso e a sinistra rispetto l'immagine d'origine.

Esempio
Secondo voi a cosa è dovuto 
Grazie!

Hai provato a dare delle direttive via CSS al canvas?

Comunque... ottimo tema per il sito  hot-shots di Codroipo

[shinz_]

Hai provato a dare delle direttive via CSS al canvas?

Per l'immagine dell'esempio le istruzioni sono queste:
<img class="reflect" style="float: right;" alt="Alberto" src="images/stories/Naonian Sito/Alberto.JPG" height="400" width="267" />
...se è questo che intendevi dire 

Comunque... ottimo tema per il sito  hot-shots di Codroipo

Grazie, ci vedremo allora..

[shinz_]

..aggiungo che ho seguito queste istruzioni, per il discorso mootools.
Mi rendo conto che possa essere una sciochezza, ma non saprei dove mettere le mani 
PLZ Carneade 

[Sottolerighe]

non è il riflesso "spostato" è l'immagine originale che ha un margine definito dal css del template



template.css (riga 814)

.art-article img, img.art-article {
margin:1em;
}

[shinz_]

 
dato che sono a zero col css cosa mi consigli di fare?

[Sottolerighe]

puoi provare così:
<img width="267" height="400" src="/images/stories/Naonian Sito/Alberto.JPG" alt="Alberto" style="vertical-align: bottom; margin-left: 0pt; margin-bottom: 0pt;" class="reflected"/>



o, un po' più elegantemente, vai ad aggiungere una sezione al template.css, in modo da definire una volta per tutte lo stile delle immagini "reflected":

Codice: [Seleziona]

img.reflected {
margin-left:0;
margin-bottom:0;
vertical-align: bottom;
}
così che ti si semplifica anche il codice html dell'immagine:

Codice: [Seleziona]

<img width="267" height="400" src="/images/stories/Naonian Sito/Alberto.JPG" alt="Alberto"  class="reflected"/>

[= odino =]

Comunque... ottimo tema per il sito  hot-shots di Codroipo

Grazie, ci vedremo allora..

OT:

Se sei all'operazione Black River dei Raptor direi di si 

[shinz_]

puoi provare così:
<img width="267" height="400" src="/images/stories/Naonian Sito/Alberto.JPG" alt="Alberto" style="vertical-align: bottom; margin-left: 0pt; margin-bottom: 0pt;" class="reflect"/>

ottengo che si sposta immagine e riflesso insieme, vedi il risultato nel link di sopra

o, un po' più elegantemente, vai ad aggiungere una sezione al template.css, in modo da definire una volta per tutte lo stile delle immagini "reflected":

Codice: [Seleziona]

img.reflected {
margin-left:0;
margin-bottom:0;
vertical-align: bottom;
}

idem.
Puo essere utile?

[shinz_]

 

[sudoku]

domanda banale: il plugin lo applichi a quante immagini?

[shinz_]

al momento solo a quella del link "esempio" per cercare soluzione al problema. poi lo utilizzerei sulle altre...

[shinz_]

nessuna risposta

[Sottolerighe]

Strano quello che mi dici perché se vado con firebug ad aggiungere

margin:0;

al tag style dell'immagine.. sul browser va a posto

[shinz_]

Risolto modificando il file template.css.

.art-article img, img.art-article
{
   margin: 1em; <--ho messo 0 qui
}

Grazie 1000 

[sudoku]

Inserisci [RISOLTO] nel titolo del post. Grazie

[shinz_]