WebSite X5Help Center

 
Fernando N.
Fernando N.
User

Problemi Header del sito  it

Autore: Fernando N.
Visite 1067, Followers 1, Condiviso 0  

Buonasera, ho un problema con l'header del sito web.

In pratica, dopo aver impostato nella struttura del modello un header con altezza 50 e allineamento centro, sono andato poi a creare il menu da inserire nello stesso.

Ho fatto un menu semplice con i vari testi allineati a destra, ma, nonostante in struttura del modello abbia selezionato "estendi alla larghezza del browser", in anteprima i vari testi del menu non arrivano all'estrema destra del browser.

Per far si che ciò accada, devo prendere tutto il menu e metterlo fuori dalla area di lavoro.

In allegato una foto di come devo impostare il menu per far si che si veda allineato bene all'estrema destra della pagina.

Postato il
16 RISPOSTE
Claudio D.
Claudio D.
Moderator
Utente del mese IT

...ma che risoluzione stai usando per il sito ?

io per vederlo ho dovuto impostare lo zoom del browser al 60% surprised

Leggi di più
Postato il da Claudio D.
Fabio C.
Fabio C.
User

Intanto estendi per tutta la larghezza dell'header il menù, quella parte vuota che evidenzi in foto non ci deve essere e poi non sono solo le voci del menù da posizionare a destra se vuoi il menù allineato a destra ma il menù stesso, e questo lo fai con le prove, al momento è tutto fuori e se ne vede solo una parte per il motivo che ti ho detto.

Leggi di più
Postato il da Fabio C.
Fernando N.
Fernando N.
User
Autore
Claudio D.
...ma che risoluzione stai usando per il sito ? io per vederlo ho dovuto impostare lo zoom del browser al 60%

Omg....da X5 la risoluzione è 1150px, come da base quando ho aperto il progetto.

Io ho un monitor impostato a 1920*1080 e lo vedo correttamente.

Patrizia B.
Intanto estendi per tutta la larghezza dell'header il menù, quella parte vuota che evidenzi in foto non ci deve essere e poi non sono solo le voci del menù da posizionare a destra se vuoi il menù allineato a destra ma il menù stesso, e questo lo fai con le prove, al momento è tutto fuori e se ne vede solo una parte per il motivo che ti ho detto.

Ora ho esteso il menu per tutta la larghezza dell'header, ma così facendo vedo il menu ora leggermente a destra rispetto al centro della pagina e non allineato a destra come vorrei. Allego una foto 

Leggi di più
Postato il da Fernando N.
Fabio C.
Fabio C.
User
Fernando N.
Ora ho esteso il menu per tutta la larghezza dell'header, ma così facendo vedo il menu ora leggermente a destra rispetto al centro della pagina e non allineato a destra come vorrei.

Riduci lateralmente le dimenzioni del menù fintanto si vedono le voci del menù stesso (non far apparire l'hamburger button quando riduci) e quando sei alla misura giusta lo posizioni come vuoi.

Leggi di più
Postato il da Fabio C.
Fernando N.
Fernando N.
User
Autore
Patrizia B.
Fernando N. Ora ho esteso il menu per tutta la larghezza dell'header, ma così facendo vedo il menu ora leggermente a destra rispetto al centro della pagina e non allineato a destra come vorrei. Riduci lateralmente le dimenzioni del menù fintanto si vedono le voci del menù stesso (non far apparire l'hamburger button quando riduci) e quando sei alla misura giusta lo posizioni come vuoi.

Buongiorno Patrizia. Grazie per la risposta.

Allora ho fatto come dici tu, ho ridotto il menu fino a vedere soltanto le voci dello stesso (quindi ho tolto tutto il rosso che si vedeva nella immagina di prima sulla sinistra).

Ma il problema persiste, ti metto i link alle foto della modalità "costruzione sito" e il risultato da browser.

Non capisco perchè, per ottenere i pulsanti allineati all'estrema sinistra devo metterli fuori dall'header generando così un errore in fase di controllo del sito web.

https://ibb.co/fGfdy2c
https://ibb.co/sqpdLss

Leggi di più
Postato il da Fernando N.
Fabio C.
Fabio C.
User

Se fai caso nella foto dell'inserimento nel progetto hai ancora uno spazio vuoto a sinistra e ad occhio e croce è rpoprio la distanza per centrarlo (devi fare delle prove)

La stessa cosa la dovrai fare anche nella stickybar perchè anche li hai problemi

Leggi di più
Postato il da Fabio C.
Fabio C.
Fabio C.
User

Adesso non estenderlo ma spostalo a sinistra, ripeto, devi fare delle prove fino a quando non è come dici tu

Leggi di più
Postato il da Fabio C.
Fernando N.
Fernando N.
User
Autore
Patrizia B.
Se fai caso nella foto dell'inserimento nel progetto hai ancora uno spazio vuoto a sinistra e ad occhio e croce è rpoprio la distanza per centrarlo (devi fare delle prove) La stessa cosa la dovrai fare anche nella stickybar perchè anche li hai problemi

Ciao Patrizia, grazie ancora per la risposta. Se osservi le mie due foto, nella seconda ti mostro dove vorrei fossero i pulsanti, mentre se metto il menù più a sinistra come dici tu, mi ritrovo i pulsanti ancora più centrati, io invece vorrei fossero all'estrema destra della pagina, come nello screen qui di seguito.

https://ibb.co/K9rKvdQ

Alla fine, mettendo il menu fuori dalla barra che vedo nel progetto (almeno per metà fuori a destra) riesco ad ottenere l'effetto che vorrei, anche se mi genera poi errore in fase di controllo del sito.

Leggi di più
Postato il da Fernando N.
Fabio C.
Fabio C.
User
Fernando N.
Alla fine, mettendo il menu fuori dalla barra che vedo nel progetto (almeno per metà fuori a destra) riesco ad ottenere l'effetto che vorrei, anche se mi genera poi errore in fase di controllo del sito.

Intanto scusa perchè avevo capito che lo volevi centrale, se l'estensione del menù è al limite come ti ho indicato sopra puoi spostarlo tutto a destra senza farlo uscire fuori .

Con il programma, per quello che ne so io, non riesci a farlo arrivare proprio come lo vuoi tu senza farti generare l'errore che riscontri in fase di controllo e che potrebbe causarti problemi di visualizzazione su dispositivi diversi.

Per avere il menù come dici tu dovresti toglierlo dall'header al passo 2 ed inserirlo in tutte le pagine spuntando su estendi

Leggi di più
Postato il da Fabio C.
Fernando N.
Fernando N.
User
Autore

Capito, ora valuto pro e contro e poi decido. 

Volevo chiederti un'altra cosa riguardo il responsive, non so se puoi aiutarmi.

Dal X5 in fase di progetto, per il footer, mi risulta questa schermata:

https://ibb.co/FWY1XqH

poi, se vado a visualizzare l'anteprima del sito, mi appare così:

https://ibb.co/nwCNLS0

Invece, stessa pagina, una volta pubblicata, da iphone X....

https://ibb.co/X3NcDPX

Perchè tutto questo? Così non riesco a capire mai come e dove posizionare le cose, cosa sbaglio???

Leggi di più
Postato il da Fernando N.
Fabio C.
Fabio C.
User

Per quel che riguarda le anteprime nelle risoluzioni cellulari ho notato anch'io una differenza tra il programma e la realtà, dato per scontato che nel verificare al passo 5 tutto sia a posto, io controllo sempre dopo aver pubblicato su 2 o 3 cellulari differenti compreso IPhone che avrà, al 99% dei casi, una visualizzazione leggermente differente (succede anche con i CMS tipo WP, PS ecc...) e da li poi faccio i vari aggiustamenti

Leggi di più
Postato il da Fabio C.
Fernando N.
Fernando N.
User
Autore

Riguardo l'header, l'ho centrato su X5, non ho più l'effetto che avevo prima vedendolo tutto sulla destra della pagina, ma forse facendo così ho risolto i problemi di visualizzazione a risoluzioni inferiori dalla mia 1920x1080 ?

Magari se qualcuno può verificare, mi potrebbe far sapere?

Grazie

Leggi di più
Postato il da Fernando N.
Fabio C.
Fabio C.
User

Ora lo vedo bene, se volevi rimanere con il tuo effetto iniziale avresti dovuto aggiungere breakpoint intermedi tra 1920 e 960.

Prova a duplicare il progetto e fare una prova.

Leggi di più
Postato il da Fabio C.
Fernando N.
Fernando N.
User
Autore

Per ora lo lascio al centro, anche perchè i miei breakpoint sono 5:

* inferiore a 480

* tra 480 e 599

* tra 600 e 719

* tra 720 e 959

* maggiore di 960

Quindi diciamo che ipoteticamente sia con risoluzione schermo a 1368 che a 1920, si sarebbe dovuto visualizzare bene, o sbaglio???

Leggi di più
Postato il da Fernando N.
Fabio C.
Fabio C.
User

Il problema è che da 1920 a 960 c'è troppa differenza, io avrei impostato un breakpoint intermedio a 1366

Io li farei così se volessi la prima risoluzione a 1920 anche perchè i break point funzionano in questo modo:

1920 Maggiore o Uguale a 1920

1366 da 1919 a 1366

720 da 1355 a 720

480 da 719 a 480

0 inferiore a 480

Leggi di più
Postato il da Fabio C.
Fabio C.
Fabio C.
User

720 da 1365 a 720

Leggi di più
Postato il da Fabio C.