+ Rispondi al messaggio
Visualizzazione dei risultati da 1 a 7 su 7

Problema di visualizzazione pagina utilizzando browser diversi

  1. #1
    elpai non è in linea Novello
    Buonasera, mi sto divertendo (anche se a volte è molto molto dura) a creare il mio primo sito web con HTML, CSS e JavaScript.


    Per ora ho quasi terminato l'index in cui sono riuscito a inserire più o meno bene:

    -sfondo
    -immagine principale e una scritta accanto di grandi dimensioni
    -logo
    -immagini cambio lingua(a cui devo ancora associare il collegamento all'apertura delle pagine in lingua diversa)
    -immagini social a cui devo collegare il link dei social
    -animazioni che partono dopo qualche secondo dell'apertura del sito.

    Ho fatto questa pagina di cui sono abbastanza soddisfatto, visualizzando il codice passo passo solo con Firefox; ora aprendola anche su Chrome ed Edge, mi sono accorto che la risoluzione delle immagini e del logo si abbassa abbastanza rendendo di fatto tutto meno accattivante(su explorer ci sono anche differenze sulla velocità dell'animazione ma credo sia normale, essendo un browser vetusto).

    Mi sembra di notare anche una leggera differenza di opacità con Edge e Chrome, magari anche quello incide sulla differenza notevole di definizione (anche sullo sfondo si nota).

    Leggero ritardo rispetto (su Firefox non si nota) al momento del refresh per quanto riguarda il font di una scritta collegata alle google font e al suo server tramite link in HTML.

    Ho problemi da risolvere anche per quanto riguarda il responsive e l'adattamento alle diverse dimensioni di schermo ma questo è un problema che affronterò successivamente.

    Qualcuno che sappia indirizzarmi e consigliarmi per risolvere questo problema(spero si possa risolvere)?
    Ho bisogno di numerose dritte in verità ma, cominciamo da qui.
    Grazie anticipatamente a tutti.
    Ultima modifica di AntonioG; 02-10-2021 04:38 

  2. #2
    L'avatar di Brontolo
    Brontolo non è in linea Very Important Person
    Le differenze di rappresentazione tra browser sono il cruccio dei web-designers, e sono uno dei motivi della grande diffusione dei CMS.
    Sembra di capire che tu non ne usi (va bene), ma fai da te scrivendo codice Html (e CSS ?). Devi però mostrarlo questo codice (la parte interessata) altrimenti non è possibile dirti un granché.
    ℹ️ Leggi di più su Brontolo ...

  3. #3
    L'avatar di _alka_
    _alka_ non è in linea Very Important Person
    Quote Originariamente inviato da elpai Visualizza il messaggio
    Ho problemi da risolvere [...]
    Parlare di questi problemi senza vedere markup, codice o CSS, o senza avere un esempio, è totalmente impossibile.

    Il mio consiglio è quello di affrontare un problema alla volta, aprire magari una discussione dedicata, riportare il codice in dettaglio che consente di riprodurre il problema o quantomeno analizzarlo e capire di cosa si tratta, e poi si può pensare di arrivare a una soluzione.

    Ciao!
    ℹ️ Leggi di più su _alka_ ...

  4. #4
    elpai non è in linea Novello
    Quote Originariamente inviato da Brontolo Visualizza il messaggio
    Sembra di capire che tu non ne usi (va bene), ma fai da te scrivendo codice Html (e CSS ?). Devi però mostrarlo questo codice (la parte interessata) altrimenti non è possibile dirti un granché.
    Si mi sono avvicinato ad Html, CSS e javascript un po' di tempo fa. Ora sto andando avanti con un mio progetto personale che appena finito conto di mettere on line ma soprattutto di aver imparato un bel po' di nuove cose, infatti sono molto più interessato ad apprendere che al resto.

  5. #5
    elpai non è in linea Novello
    Quote Originariamente inviato da Brontolo Visualizza il messaggio
    Sembra di capire che tu non ne usi (va bene), ma fai da te scrivendo codice Html (e CSS ?). Devi però mostrarlo questo codice (la parte interessata) altrimenti non è possibile dirti un granché.
    Si mi sono avvicinato ad Html, CSS e javascript un po' di tempo fa. Ora sto andando avanti con un mio progetto personale che appena finito conto di mettere on line ma soprattutto di aver imparato un bel po' di nuove cose, infatti sono molto più interessato ad apprendere che al resto.


    Quote Originariamente inviato da _alka_ Visualizza il messaggio
    Parlare di questi problemi senza vedere markup, codice o CSS, o senza avere un esempio, è totalmente impossibile.
    Me ne rendo conto, in caso contrario avresti dei poteri che vanno oltre la comune natura!

    Si d'accordo per i pezzi di codice (divulgare al web intero il css completo, seppur si tratta di un lavoro modesto e pieno di errori, non è il caso).

    Quello che posso dire è con Opera, Chrome ed Edge il risultato è uguale (con firefox da cui sono partito, no...)
    Se ottenessi lo stesso effetto di firefox almeno per la maggiore definizione delle immagini e dei colori, ne sarei più soddisfatto.

    Le scritte appaiono di una leggera grandezza diversa da firefox.

    Il primo errore di cui leggevo, credo sia legato al fatto che abbia usato px e non em.

    Tenete conto che spesso nella scrittura del codice ho proceduto a tentativi utilizzando le poche informazioni a disposizione e la poca conoscenza.

    Insomma, da dove cominciamo?
    -Immagini e risoluzione
    -scritte di dimensione diversa
    -opacità che si comporta in modo diverso.


    Domanda: è possibile nel caso agire sui css assegnando una pagina diversa di css a seconda del browser utilizzato

  6. #6
    elpai non è in linea Novello
    RIguardo all'immagine principale della prima pagina ad esempio:

    HTML:

    <img src="https://masterdrive.it/images/cimage.png" alt="train" class="train" width="660" height="320">

    CSS


    .train{
    position: relative;
    float: right;

    top: 200px;
    right: 90px;

    width: 1300%;
    height:auto;

    opacity: 77%;


    }
    La prima cosa da fare è eliminare i px e non usarli mai più?



    per quanto riguarda h1 (in HTML ho semplicemente copiato il link di google font),
    in css invece:

    h1{
    font-size: 115px;
    margin: 33px 0 0px;
    line-height: 80px;
    color: yellow;
    opacity:94%;



    font-family: 'Ephesis', cursive;


    }

    stesso discorso, eliminare i px?

    Volendo usare un font simile o identico a "Ephesis" di google font, è possibile in qualche modo ovviare al problema che in caso di mancanza di connessione il font delle scritte cambia in altro?

    Grazie.
    Ultima modifica di elpai; 04-10-2021 15:16 

  7. #7
    L'avatar di Brontolo
    Brontolo non è in linea Very Important Person
    Hai scritto tre post consecutivi: non è un buon uso del forum. Concentrati su un problema alla volta e parliamo di quello, altrimenti sono chiacchiere.
    Se posti del codice utilizza gli appositi tag CODE per facilitare la lettura. Insomma leggi bene il regolamento dove troverai tanti utili consigli.
    Venendo alla sostanza, hai indicato le dimensioni dell'immagine sia nel codice html che nel css e questo non ha senso. Tra l'altro nel codice CSS indichi un width di 1300%.
    ℹ️ Leggi di più su Brontolo ...

+ Rispondi al messaggio

Potrebbero interessarti anche ...

  1. Apertura pagina WEB da campo su browser predefinito
    Da surfgarden nel forum Microsoft Access
    Risposte: 5
    Ultimo Post: 09-12-2016, 15:48
  2. Apertura pagina in base alla versione del browser
    Da zymarco nel forum HTML, CSS e JavaScript
    Risposte: 1
    Ultimo Post: 03-06-2013, 15:01
  3. Risposte: 1
    Ultimo Post: 18-10-2012, 23:11
  4. [CSS]Visualizzazione sito su più browser
    Da sanfra nel forum HTML, CSS e JavaScript
    Risposte: 1
    Ultimo Post: 09-05-2007, 18:51
  5. [CSS,IE6]Problema visualizzazione pagina
    Da Eugene nel forum HTML, CSS e JavaScript
    Risposte: 5
    Ultimo Post: 30-04-2007, 14:41