WebSite X5Help Center

 
Giuseppe Guida
Giuseppe Guida
User

Vers. 16: grosso problema con adattamento dimensioni immagini in header  it

Author: Giuseppe Guida

Altro grosso problema con l'adattamento delle immagini in header: senza spuntare la casella "Mantieni proporzioni" il programma riducearbitrariamente anche l'altezza dell'Oggetto immagine se vado a variare SOLO la larghezza.

Per maggiori info e dettagli vedasi breve video esplicativo qui:

https://youtu.be/VtkQANrGYqc

Non c'è bisogno di nessun progetto da allegare, provate con le semplici immagini già inserite nel modello vuoto proposto dal software o con qualsiasi altra immagine in vostro possesso da inserire in header.

P.S. da verificare il comportamento anche nel footer e anche con altri oggetti diversi dall'oggetto immagine, non ne ho il tempo. Grazie

Posted on the
16 ANSWERS - 1 USEFUL
Giuseppe Guida
Giuseppe Guida
User
Author

Ho eliminato io il video. Ho visto che é cosí anche nelle altre versioni dalla 13 in poi. Ma prima (credo fino all 12) mi ricordo che se volevo allargare un'immagine solo in un senso (es.  Larghezza) potevo farlo lasciando invariata l'Altezza. Ora anche se modifico per esempio le dimensioni solo della larghezza,  in automatico il software,  anche se NON é spuntata la casella "mantieni proporzioni",  mi modifica anche le dimensioni dell'altezza come se tale casella fosse spuntata.

Il mio problema era questo: avevo necessità di inserire in header una forma di un rettangolo creato con software esterno di 1200 px di larghezza e di 40 px di altezza,  tale rettangolo  dovrebbe fare da sfondo del menú in header per tutta la larghezza dell'header stesso in ogni singolo breakpoint. Se inserisco il rettangolo nel breakpoint massimo di 1200 px tutto é perfetto, il rettangolo mi copre tutta la larghezza del breakpoint e ha altezza 40 px come da me impostato. Nei successivi breakpoint,  prendiamo ad esempio il breakpoint di 960x,  però succede che se vado a ridimensionare il rettangolo solo per quanto riguarda la larghezza, portandolo a 960px, SENZA spuntare "Mantieni proporzioni",  finisce che é vero che il rettangolo si adatta perfettamente in larghezza ai 960 px ma IN PROPORZIONE mi viene ridimensionato in automatico dal software anche in Altezza e non avrò piú quindi Altezza di 40 px come avrei voluto ma altezza INFERIORE. E non c'é neanche verso di riportare l'altezza a 40px mantenendo però larghezza di 960px in questo caso... Sono in pratica costretto a realizzare,  per ogni breakpoint (!!!),  con software di grafica esterno, piú rettangoli che abbiamo le larghezze uguali ai breakpoint presenti nel mio progetto e tutti con altezza uguale tra loro per avere uniformità visiva nei vari breakpoint. Website non mi permette di ridimensionare una forma solo in un senso, me la ridimensiona anche nell'altro in proporzione... O forse mi sfugge qualcosa e quello che voglio si può ottenere da programma? Grazie

Read more
Posted on the from Giuseppe Guida
A. Kris
A. Kris
User

Io rimango in attesa... Grazie Giuseppe !

Read more
Posted on the from A. Kris
Incomedia
Riccardo P.
Incomedia

Buongiorno Giuseppe,

se intendi per esempio che quando ridimensioni la cella che contiene una immagine questa si adatta in larghezza ma non in altezza, è corretto. L'immagine ha comunque le dimensioni in proporzione. Se poi clicchi su "adatta al contenuto" la cella verrà adattata in larghezza e in altezza.

Read more
Posted on the from Riccardo P.
Giuseppe Guida
Giuseppe Guida
User
Author

No Riccardo,  il problema é proprio l'opposto: io voglio ridimensionare una forma di un rettangolo (o immagine) rendendola piú piccola solo in larghezza senza che venga assolutamente ridimensionata anche l'altezza. Invece, sia che io spunti "mantieni proporzioni",  sia che io tale casella NON la vada a spuntare, il programma,  in entrambi i casi,  mi ridimensiona ANCHE l'altezza rendendo piú piccola anche quest'ultima.  Io vorrei poter ridimensionare solo la Larghezza mantenendo intatta l'Altezza. È possibile? 

Read more
Posted on the from Giuseppe Guida
Esse Di
Esse Di
User

Giuseppe,

da quello che ho capito io, le maniglie ed i comandi per il dimensionamento degli oggetti in Header agiscono sul contenitore e non sul contenuto. Succede la stessa cosa per le immagini inserite nella pagina. Quando si passa alle risoluzioni inferiori, insieme alla larghezza viene ristretta anche l'altezza, conservando le proporzioni dell'immagine.

Parimenti se restringi l'area assegnata all'immagine diminuendo il numero di colonne.

La differenza che noto io tra Header e pagina è che, mentre nella pagina l'immagine viene adattata solo se lo spazio assegnato è inferiore alle dimensioni proprie dell'immagine, nell' Header l'adattamento avviene anche nel caso di spazio superiore. In altre parole, nell'Header l'immagine può assumere dimensioni superiori all'originale, nella pagina no. Il tutto sempre nel rispetto delle proporzioni tra larghezza ed altezza.

Read more
Posted on the from Esse Di
Giuseppe Guida
Giuseppe Guida
User
Author

Ciao Esse Di. Si, ho notato anche io quel che hai dettagliatamente descritto anche tu...

In definitiva io, per avere in tutti i Breakpoint (1300, 1130, 960, 720, 480), una forma di un rettangolo abbia Breakpoint per Breakpoint le seguenti misure:

1300x40

1130x40

960x40

720x40

480x40

... devo creare, per ognuna di queste misure, un rettangolo apposito in un programma di grafica esterno per un totale di 5 rettangoli... Bene, davvero bene. Tutto questo in barba alla tecnologia che dovrebbe semplificare e non complicare. 

Read more
Posted on the from Giuseppe Guida
Incomedia
Riccardo P.
Incomedia

Buongiorno Giuseppe,

come anche per la versione 15 l'immagine non si può "strecciare", se vuoi avere questo effetto devi utsare prima un programma di disegno e poi inserire l'immagine modificata.

Read more
Posted on the from Riccardo P.
Giuseppe Guida
Giuseppe Guida
User
Author

Ma prima, nelle precedenti versioni, credo dalla 12 in giù, ciò era possibile...

Allora, io posso capire che su una foto, non mantenere le proporzioni, sia qualcosa di non bello a livello visivo ma sulle forme ci dovrebbe essere la possibilità di adattarle come meglio uno crede. Quindi scusa ma la funzione "Mantieni proporzioni" o è attiva, o non è attiva, dà sempre lo stesso risultato. A che serve quindi? Toglietela a questo punto. Funzione totalmente inutile: non fa quello che dovrebbe fare.

Read more
Posted on the from Giuseppe Guida
Incomedia
Riccardo P.
Incomedia

Buongiorno Giuseppe,

la funziona mantieni proporzioni serve per agire sulla cella dell'immagine. Se per esempio non selezioni "manieni proporzioni" e aumenti la dimensione l'immagine si allargherà ma le cella risulterà sempre alta e potrai così avere una immagine tagliata.

Read more
Posted on the from Riccardo P.
Giuseppe Guida
Giuseppe Guida
User
Author

Ah agisce sulla cella, capito... Quindi per la forma da adattare solo in larghezza e lasciare invariata l'altezza ai vari Breakpoint, non ho altre alternative che perdere tempo a creare il tutto con un software esterno e poi importare ogni immagine in Website. Capito. Un po' un sistema "all'antica" direi visti i passi da gigante che ha fatto la tecnologia oggi. E poi comunque nelle vecchie versioni era possibile farlo. Nelle nuove non più e, invece di semplificare, come sempre ci complicate la vita man mano che si va avanti. Un passo avanti e due indietro... L'ho detto in un altro post: probabilmente noi utenti stiamo sulle balle ai vostri sviluppatori. tongue-out Non ci semplificano mai la vita undecided

Read more
Posted on the from Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... io non ho il programma per entrare nel merito, ma per semplificarmi la vita senza strafare in grafica, e detto adesso solo per chi per caso non lo sapesse ancora,  adotterei in HEADER l'Oggetto Codice HTML, adattabile a piacere per tutte le risoluzioni e quindi poter mantenere l'altezza fissa, e contenente il codice per l'immagine da stirare già allegata al progetto:

<img src="files/nomeimmagine.jpg" width="100%" height="100%" />

... semplice ed immediato da sempre ...

.



Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Author

Si Kol, grazie del consiglio, so che si può usare quel codice ma... innanzitutto si fa già molta fatica in header o footer per allineare in modo preciso degli oggetti proposti dallo stesso software: prendi un oggetto cart status e prova ad allinearlo ad un qualsiasi altro oggetto, oppure prendi l'oggetto icone social e prova ad allinearle ad altri oggetti al primo colpo guardando solo i contenuti dell'header SENZA lanciare l'anteprima di Website... Non si riesce. Figuriamoci adattare un oggetto html che contiene un'immagine ma che puoi vedere realmente come è allineato agli altri oggetti solo se lanci l'anteprima di Website... Ci complicheremmo ancora di più la vita.

Allora, il problema, per quanto mi riguarda, è che io ci passo intere giornate sui software per fare siti web (non uso, si è capito, solo Website, lo uso Website solo se mi richiedono un template o un sito fatto con Website, per altri lavori utilizzo altre piattaforme)... Posso dire, a ragion veduta, la mia opinione da utente di Website e di altri software? Website deve "SEMPLIFICARE" molte operazioni che ora richiedono troppe, troppe, troppe azioni e click per essere portate a termine. Semplificazione, semplificazione e semplificazione. Meno click e più usabilità e velocità. Loro di Incomedia lo sanno, non è che non lo sanno quali sono le pecche del loro "figlioletto" che non riesce mai a diventare "adulto"... mah? 

Read more
Posted on the from Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... purtroppo non posso provare, ...ma penso che per fare quello che volevi ottenere per quella barra in header, forse non dovrebbero esserci difficoltà di posizionamento, almeno per quel che mi ricordo di quando avevo il PC funzionante...

PS: ... per il posizionamento di precisione, non ci sono più i pixel ed i cursori della tastiera ...?...

←↨→

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Author

Kol, i cursori ci sono sempre ma per farti capire cosa intendo guarda questo video a partire dal minuto 1.50.. Ciò che avviene per il Cart Status avviene anche con le icone dell'oggetto social icons (o come si chiama,  ora non ricordo) e qualche altro oggetto che non sia un semplice oggetto testo o immagine:

https://youtu.be/gSZPkkD5JnY

Read more
Posted on the from Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... io mi riferivo all'immagine stirata; ...comunque dal tuo video ho capito cosa intendevi per il posizionamento degli altri oggetti; ... sarebbe da rivedere tale funzione e magari sarebbe utile anche una griglia magnetica per facilitare il compito... 

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Esse Di
Esse Di
User
 ‪ KolAsim ‪ ‪
... io mi riferivo all'immagine stirata; ...comunque dal tuo video ho capito cosa intendevi per il posizionamento degli altri oggetti; ... sarebbe da rivedere tale funzione e magari sarebbe utile anche una griglia magnetica per facilitare il compito... 

Ottima idea la griglia magnetica! +10

Read more
Posted on the from Esse Di