Immagini tagliate tra la fine e l'inizio di due colonne

[gfrancesc0a]

Gentili utenti di questo forum,

ho fatto un tema per tumblr multicolonna con questo problema di cui al titolo: tra una colonna e l'altra, in alcuni browser (Firefox no, Chrome sì per esempio). l'immagine che supera il limite di una colonna, invece di iniziare per intero nella seconda viene divisa a metà tra le due.

Ho già fatto riferimento a questo tema in un'altra discussione, http://forum.html.it/forum/showthrea...readid=2896995 e posso mostrare un esempio dell'effetto qui http://scansia.tumblr.com/

Il tema sta venendo bene, ed è già liberamente scaricabile tra i temi di tumblr: volevo apportare alcune migliorie, tra cui questa. Non ho molte conoscenze della materia, lo faccio perché cercavo uno stile del genere per il mio blog e non ho trovato riscontro.

Grazie a tutti per l'aiuto.

[Nobody33]

Non ne vedo "immagini divisi". restano sempre "intere", non importa su qualche browser.
Mai visto un browser che "divide" le immagini.

Magari riesci a spiegarlo in un altro modo cosa vuoi fare di preciso?

Sinceramente è un bel casino mettersi ad analizzare tutto il sito che, in fin dei conti potrebbe andare anche bene a chi piace;
prova ad esempio a "premere" la freccia nel header e vedrai che anche in chrome si vede bene l'immagine; inoltre poi provare ad andare a modalità schermo pieno su chrome (F11).

Abbastanza strano comunque come sito.

[gfrancesc0a]

Ciao, ti ringrazio per la risposta. Conosco l'effetto della freccia, ho voluto che si mostrasse così. Il problema si pone con le immagini, così ne ho aggiunte altre in quel blog di prova per rendere più chiaro l'effetto. Per capire meglio la differenza, converrebbe controllare sia su Firefox che su Chrome.


Premetto che nel blog a cui è destinata la versione definitiva ho "risolto" il problema, rinunciandovi: uso il photoset con larghezza fissa 250px così da essere tanto piccolo da non superare la finestra. Quindi se voleste cimentarvi ve ne sarei molto grato, non vorrei però farvi perdere troppo tempo.


Il tema ha html con altezza 100% e body diviso in tre colonne con altezza 95%: in questo modo body si è presentato come un flusso continuo diviso lungo le colonne; le immagini hanno una larghezza 100%, il photoset (una struttura di tumblr per visualizzare più immagini) ha una larghezza di 500px ordinato però tramite uno script in maniera responsive (http://buildthemes.tumblr.com/post/4...hotoset-grid); immagini e photoset sono dentro un blocco (non so come si definisce) figure{display:block} (ho provato con gli altri valori ed è la soluzione più omogenea).


Essendo il tema flessibile in verticale, se l'altezza del browser è inferiore a quella di una immagine cominciano le magagne: Firefox "sfonda" in basso mettendo uno scroll verticale nella finestra del browser, Chrome rispetta invece la finestra e mostra la porzione di immagine in eccesso nella colonna successiva (lo fa anche con i video).


Il problema delle immagini è relativo, perchè è raro avere un'immagine così lunga; col photoset è più stringente. Nel photoset Firefox rispetta le righe di photo, per cui se è troppo alto, mette una riga nell'altra colonna. Chrome (o Safari su iOS) invece, fa un guazzabuglio, rendendo la visualizzazione scadente.


Ciò che vorrei sapere è se c'è un modo per visualizzare il photoset in tutti i browser così come su Firefox.


Scusate ancora per il linguaggio poco tecnico, come dicevo non ho una competenza appropriata, di solito mi limito ai piccoli interventi di personalizzazione ed è la prima (e ultima ) volta che faccio un lavoro di sana pianta.

[Nobody33]

c'è un overflow: hidden; toglilo e vedrai l'immagine, ma ti si sfasa tutto il resto.

Puoi vedere con chrome inspector:

vai con il cursore sul elemento --> tasto destro --> ispeziona elemento.

Cosi lo puoi togliere e vedere l'effetto.

Però, se già hai risolto in qualche altro modo forse converrebbe lasciarlo cosi

[gfrancesc0a]

Nobody33 ti ringrazio. Penso che, almeno per adesso, seguirò il tuo consiglio e lascerò il photoset rigido. Ho cercato di fare di necessità virtù, rendendo fissi anche i video e limitando la larghezza delle immagini incorniciandoli con un pattern per dare uno stile uniforme tra i vari tipi di post.

Ne approfitto, visto la tua gentilezza, per chiederti un'altra cosa: è possibile modificare lo scroll continuo del browser in uno specie di slide schermata (o pagina) per schermata? Ho trovato un plugin ( http://www.idangero.us/sliders/swipe.../scrollbar.php ) che credo potrebbe fare al caso, ma non riesco ad installarlo. È possibile, complicato oppure si tratta di impostare alcuni parametri in modo corretto? Ti ringrazio ancora.

[Nobody33]

Per il plugin non so che parametri hai impostato e se è complicato per te.
Non lo mai utilizzato, quindi non ti so dire.

In ogni caso QUI ne trovi un altra.

Per impostarlo sul body userai ovviamente:

$("body").mCustomScrollbar();


Un saluto