Dimensioni immagini "sballate" 
Autor: Claudio G.Scusate il titolo del post ma, non mi veniva nulla di migliore...
Stranezze allineamento celle e immagini
In una pagina ho diviso in 4 lo spazio verticale. Nella prima riga c'è una casella di testo, e a seguire a destra, una immagine un'altra casella di testo e, infine, un'altra immagine. Tutto questo moltiplicato, per un certo numero di righe una sotto l'altra (senza spazio alcuno).
Le immagini, tutte di tipo jpg, sono state ridimensionate alla stessa identica misura, ovvero 640px X 430px. Tutti i bordi e spazi tra le celle sono perfettamente identici ma, succede questo. Le immani presenti nel lato sinistro, non vengono allineate alla cella con il testo (ci sono differenza di alcuni pixel) mentre quelle poste sulla parte destra, sono pefettamente allineate e simmetriche con le rispettive caselle di testo di riferimento... La differenza, si nota molto di più nei display piccoli, come per esempio in quelli degli smarphone rispetto a quelli grandi. In ogni caso questo disallineamento è ingisutificato visto che tutte le dimensioni sono uguali... Secondo voi è possibile far qualcosa per evitare questo problema? Allego screenshot relativo. Grazie
PS ho provato anche a inserire un bordo di un pixel nella casella immagine, questo viene allineato perfettamente a quello presente nella casella di testo di riferimento (a sx dell'immagine) ma l'immagine risulta sempre di dimensioni ridotte rispetto a quelle che dovrebbe avere.
... hai provato con l'opzione prevista, cliccando con il tasto destro del mouse su un cursore ...?...
.
Autor
Si, per sicurezza ho riprovato anche in questo momento ma nulla cambia...
... strano! ...le celle dovrebbero diventare tutte uguali...
...ed hai azionato Ctrl+Anteprima per il refresh...?...
Autor
FAtto tutto KolAsim... è una settimana che divento matto con sta cosa... tra l'altro, se vedi nello scrennshot allegato, le immagini sulla destra sono tutte perfette... Comunque la cosa appare ancora più evidente (e brutta da vedere) sullo smarphone e sulle risoluzioni più basse (per esempio notebook)
La larghezza della pagina meno i margini tra le celle è divisibile per 4?
Autor
??? Ops scusa, spiegati meglio...
Autor
Larghezza pagina (da struttura del modello) 1150, per margini cosa intendi?
1150 non è divisibile per 4. Le colonne non possono avere la stessa larghezza. Nel tuo caso intuisco che la prima colonna è più larga delle altre.
Cancella il mio riferimento ai margini
Autor
Ho provato ad andare sul modello ma.. la misura della larghezza è bloccata, come faccio a modificarla?
Autor
Ho provato ad inserire una quinta colonna... adesso 1150 è divisibile perfettamente x 5 ma... il risultato non cambia anzi, forse peggiora....
... in questo caso prova con immagini già della misura corretta 230x155, e controlla che tutti i bordi e margini delle scatole cinesi coinvolte (corpo, riga, cella, ecc.) siano azzerati, e senza effetti e né filtri, maschere, ecc. ...per iniziare a provare e verificare...
... in questo caso non servirebbe l'opzione che ti avevo precedentemente indicato, altrimenti dovresti ottenere lo stesso risultato ottenuto qui: https://helpcenter.websitex5.com/es/post/197829
https://helpcenter.websitex5.com/es/post/81904
... fai le prove con un progetto NUOVO e vuoto, disponendo le sole immagini, ed azionando sempre Ctrl+Anteprima per il refresh...
Autor
Alora, le immagini sono tutte della stessa misura sia in altezza e sia in larghezza. Le ho controllate una ad una e non sgarrano di un solo pixel. Dopo di ciò la situazione è questa
Le immagini della colonna di destra sono perfettamente allineate alla casella di testo corrispondente (sempre nella colonna di destra)
Le immagini della colonna di Sinistra, invece, NON sono allineate ORIZZONTALMENTE, alle rispettive caselle di testo di sinistra ma, e anche qua sta il bello, non tutte perchè alcune, stranamente, sono invece allineate. Se si tratta di problemi di divisione, dovrebbero essere presenti in tutte le immagini, visto che sono tutte uguali così come, tutti gli spazi i bordi delle celle.... Insomma, sinceramente non riesco a trovare una qualsiasi giustificazione logica visto che logica vorrebbe che, almeno, l'errore del ridimensionamento che fa il programma fosse un errore uguale per tutte le immagini e, invece, sembra sia un errore, o chiamatelo come crdete, random e non logico. Riallego l'immagine, così magari aiuta a capire meglio anche le mie considerazioni.
Ho usato adesso (non nell'immagine allegata) l'opzione dell'allineamento al centro nella casella che contiene l'immagine, in questo modo lo spazio mancante a causa dell'errore di ridimenzionamento viene suddiviso un po' sopra e un po' sotto e si nota meno...
... forse sarebbe meglio postare il link di una pagina di esempio per poter valutare, ...un click...
oltre il link...
Claudio se vuoi puoi duplicare il progetto , cancellando tutte le pagine tranne quella (e i dati ftp) e mandarmi il file .iwzip che lo provo...
tramite wetransfer alla mail che trovi nel mio profilo...
se non se ne viene a capo ... lo passo , anche allo STAFF...
Autor
Per intanto allego il link grazie ... così valutate (ovviamente si tratta di un sito work in progress)
http://www.claudio-gucchierato.info/ipla/index.html
a meno che non veda male...
... le immagini non hanno le stesse dimensioni...
qualcuna 283 qualcuna 287 larghezza
qualcuna 193 qualcuna 197 altezza
Autor
Caludio, ti assicuro che tutte le immagini che ho caricato io (e che tengo ovviamente come backup) hanno la seguente dimensione 640x430 TUTTE. Se poi il programma le modifica autonomamente in fase di caricamento... allora non saprei proprio cosa dire (e cosa fare)
Autor
Allora la cosa inizia a incuriosirmi... sono andato direttamente sul sito e ho scaricato le immagini che WEBSIte a uploadato. In effetti le immagini presenti hanno dimensioni ben diverse da quelle originali e, stranezza ulteriore, le immagini presenti nella colonna di sinistra (quelle che sballano) sono diverse come ridimensionamento rispetto a quelle presenti nella colonna di destra.
Allora tutte le immagini originali sono 640x480 mentre, quelle caricate nel sito sono
immagini lato sinistro 283x191
immagini lato destro 287x193
Non le ho provate tutte... ma grossomodo dovrebbe valere per tutte...
Arrivato a questo punto chiedo: QUINDI? Come funziona questo WEBSite?
dato che non c'è spazio... ...te le ridimensiona in base allo spazio...
quindi preparale a 280x190 circa...
e riprova...
... considerando le prime due immagini di sinistra, ... hanno misure uguali ma con stile del contenitore differente tra loro, ed hai applicato effetti! di cui avevo fatto menzione precedentemente...
- prima:
min-height: 193px;
padding-top: 10px;
padding-bottom: 5px;
- seconda:
min-height: 198px;
padding-top: 5px;
padding-bottom: 0px;
.
Autor
Allora, ho provato sia con gli effetti e sia senza gli effetti, NON cambia nulla.
Non so dove tu abbia visto i dati che hai pubblicato ma, di certo, quelle misure NON le ho messe io! Io ho formattato TUTTE le celle con le stesse misure, fatto salvo gli spazi superiori o inferiori che, in ogni caso, sono uguali identici per tutte le celle... Vedi allegato
Comunque ripeto... tutte dico tutte le celle sono formattate uguali identiche. Se poi il programma cambia le misure in fase di pubblicazione allora.... inutile fare ipotesi di qualunque genere visto che si tratta di qualcosa che solo i programmatori possono sapere come avvengono certe opzioni a livello grafico
Ma dove hao trovato quelle misure di min-heigt:193px ecc? Nelle opzioni manco sono visibili queste proprietà (o sbaglio?) Io comunque, non sapendo che esistono, di certo non le ho modificate!
L'immagine che hai allegato dice il contrario
Autor
Cioè? Se intendi i bordi esterni alle celle quelli si che sono diversi, altrimenti le celle risulterebbero appiccicate le une alle altre... ma questa spaziatura, comunque, è uguale sia per le celle di sinistra e sia per quelle di destra... e allora perchè quelle di destra sono perfette e quelle di sinistra no? Inoltre, la storia della divisione per quattro, a mio avviso, non c'entra perchè il difetto del ridimensionamento riguarda l'altezza dell'immagine e NON la larghezza!
...ma se i contenitori non sono puri, l'immagine viene ridimensionata in rapporto ai valori che ti ho indicato precedentemente, che come avrai notato sono diversi da cella a cella, ed il motivo di queste differenze dovrai cercarle tu...
... come ti avevo detto, parti da un modello NUOVO e semplificato, rispettando quanto detto in precedenza, controlla la quadratura, e poi applica gli effetti...
Autor
Guada KolAsim, ti ringrazio e ringrazio anche tutti quelli che in qualche modo hanno cercato di darmi dei suggerimenti o dei consigli ma... mi sono stufano, tengo le immagini sballate e basta! Diciamo che si tratta di una caratteristica (peculiarità?) del programma fare un po' come crede... le stesse identiche cose da un lato le tratta in un modo dal lato opposto in un altro... chissà, scelte politiche, d'altronde difficilmente la destra è andata d'accordo con la sinistra... buttiamola in ridere che è meglio! Mi sono stati dati mille suggerimenti ma, nessuno ha fatto caso che, inspiegabilmente, ciò che a destra funziona perfettamente, a sinistra "sballa" e, non in tutte le caselle, ma solo su alcune... Mi è stato detto che il problema era la divisione per quattro che dava risultati con la virgola ma, guarda caso, il problema non è mai stata la larghezza, ma l'altezza... insomma. va bene così. Grazie comunque :-)
... per me dipende dalle opzioni, che ho riscontrato impostati con parametri diversi...
... hai fatto la prova del 9!, usando la stessa medesima immagine in tutte le celle...?...
... eventualmente lo staff saprà dirti di più dal prossimo lunedì, qualora ci fosse veramente un qualche problema a me sconosciuto del programma...
... se io avessi avuto il programma ti avrei fornito una risposta certa al 100%, ed è per questo che invito a fare le varie prove, ...il miglior dottore è se stessi...
.
Autor
Scusa KolAsim... non per sapere gli affari tuoi ma, leggo spesso che dici "se avessi il programma" ma perchè non ce l'hai il programma? Come riesci lo stesso ad essere così utile in questo "forum" nonostante la disponibilità del programma stesso? Tu, con pochi altri (che ringrazio anche se non li nomino per non far torto a nessuno) siete le colonne portanti e, senza di voi, credo che anche Incomedia avrebbe perso clienti e utenti. Io suggerirei a Incomedia di dare a "gratis" un codice di licenza per questi "volontari" che, oltre ad aiutare i vari utenti (spesso in modo molto più tempestivo e preciso dell'assistenza ufficiale) sanno sempre dare un aiuto anche quando esula dal funzionamento (o mal funzionamento) del programma stesso!
... fu una mia scelta nei tempi che furono, a seguito del barracuda andato arrosto e del mondo flash andato in fumo, ... in attesa che mi ravvedessi...
...
... ho avuto offerte da tanti, compreso Icm, ...non è quello il problema; ...ma a dir la verità qualcosa ho in cantina, quando si avvia e per esperimenti
, un vecchissimo catorcio Win98ME con WebSiteX5-v7...
...
.
Autor
Sei unico KolAsim e pure molto simpatico! Dai scendi in cantina...
Cioè? Se intendi i bordi esterni alle celle quelli si che sono diversi, altrimenti le celle risulterebbero appiccicate le une alle altre...
Delle due l'una: o "tutte dico tutte le celle sono formattate uguali identiche", come per altro affermi nel post di apertura, o " i bordi esterni alle celle quelli si che sono diversi". Le due affermazioni non possono essere ambedue veritiere.
Non capisco poi perché impostando i margini identici per tutte le celle queste risulterebbero appiccicate.
Comunque io, per ottenere risultati omogenei, come minimo:
Solo se, una volta fatto ciò, il problema dovesse perdurare mi azzerderei ad affermare che il programma fa qualcosa di strano (il che non è escluso a priori, ma a me non è mai capitato).
Autor
Caro Esse, ti ringrazio per la costanza che mi dedichi (e che, ovviamente, apprezzo ma) dovresti essere così gentile a leggere tutto ciò che scrivo e, magari, rispondere a certe mie affermazioni o dubbi esempio...
ti avevo detto che non riuscivo a modificare le dimensioni della pagina perchè la relativa casella non è modificabile quindi... come faccio a portare una misura divisibile x 4 se non riesco a modificare la dimensione?
ti avevo detto che, comunque, avevo inserito una quinta colonna in modo da rendere perfettamente divisibile la pagina per 5 (invece che per quattro). Non ho ottenuto nessun risultato
ti avevo detto che, se il problema è quello della divisione per quattro, perchè l'errore di ridimensionamento è relativo all'altrezza dell'immagine e non della sua larghezza come, mi sembra ovvio dovesse essere
quando dico che la formattazione è uguale intendo che lo spazio interno per ogni cella è 0 (zero), lo spazio esterno, o bordo esterno, per forza di estetica e di funzionamento deve essere diverso (devo staccare certe caselle da certe immagini altrimenti ne esce un minestrone) ma, in ogni caso fosse questo il problema perchè mai tutte le immagine a destra sono perfettamente allineate alla relativa casella di testa alla quale sono "associate", mentre solo quelle di sinistra sono ridimensionate in modo scorretto (anche se parliamo di millimetri)? Spazi bordi e quant'altro sono perfettamente speculari sia per le colonne di destra e sia per quelle di sinistra come, del resto, uguali sono le immagini. Ma ancora.. sempre nelle colenne di sinistra NON tutte le immagini sono ridimensionate in modo impreciso, solo ALCUNE lo sono, perchè? Se è tutto uguale in questo lato? Adesso mi metto a fare altre prove perchè, la cosa inizia a incuriosirmi e sembra sia io a sbagliare qualcosa....
Mi sembra chiaro che interpretiamo in modo diverso la frase "tutte le celle sono formattate uguali identiche".
Comunque ritengo inutili ulteriori miei interventi in questa discussione, per cui mi ritiro.
Autor
Chiudo anch'io questa (lunga) discussione dicendo che:
ho azzerato tutti i bordi (interni ed esterni) poi ho aggiunto solo uno spazio orizzantale tra le righe, mantenendo azzerato lo spazio verticale fra le celle. Il risultato non è quello che volevo ma, alla fine, le immagini sembrano si mantengano uguali sia nelle colonna di destra e sia in quella di sinistra.
Ringrazio tutti per i consigli e per gli interventi
se per "dimensione" intendi larghezza del contenuto:
dipende dalla dimensione impostata come sito "desktop" quindi per modificarla:
Modello - risoluzioni e responsive design:
selezioni "Sito Desktop"
modifichi la "risoluzione del sito" - confermi con la "spunta verde"
Rientri in risoluzioni e responsive design:
e riselezioni "sito responsive"
Autor
Grazie Claudio, sempre gentilissimo. Adesso, però, apro un nuovo post (questo ormai è diventato un papiro... perchè voglio sapere, se possibile, se un determinato comportamento, sempre riguardante il ridimensionamento degli oggetti, è corretto o meno... o se sono io a sbagliare qualcosa... la cosa mi sembra interessante per tutti... stay tuned!