Visualizzazione risultati 1 fino 5 di 5

Discussione: Problemi con dimensione immagine e CSS

  1. #1
    gianlucaweb non è connesso Utente attivo
    Data registrazione
    01-01-2003
    Messaggi
    456

    Predefinito Problemi con dimensione immagine e CSS

    Ciao a tutti

    Sto provando un template responsive gratuito, ma sto avendo problemi ad adattare un'immagine della home page alla stessa dimensione di quella originale che vorrei sostituire con la mia.

    La home page originale è questa:

    https://i.imgur.com/69BhZ68.png

    Da Photoshop le dimensioni dell'immagine sembrano essere queste:

    1920px X 943px risoluzione 72 pixel/inch


    La vorrei sostituire con la mia da:

    2048px X 1365px risoluzione 72 pixel/inch

    La ritaglio con la taglierina alle stesse dimensione dell'originale esporto in jpg e gli assegno lo stesso nome:

    https://i.imgur.com/0aG0uFL.png



    ma mi ritrovo come risultato finale sempre questo o qualcosa di simile:

    https://i.imgur.com/AYcXWQV.jpg

    In pratica sempre tagliata.

    Il ccs che gesisce la sezione è questo:

    Codice:
    /* Header Section */
    .intro {
        display: table;
        width: 100%;
        padding: 0;
        text-align: center;
        color: #333;
        background: url(../img/intro-bg.jpg) no-repeat center top;
        background-color: #e5e5e5;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
    Potete aiutarmi a capire quale sia il problema e cosa sbaglio?

    Grazie

  2. #2
    L'avatar di darkwolf
    darkwolf non è connesso Staff AV
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,532

    Predefinito

    Un link di esempio farebbe comodo.
    Se riesci a fornire il link originale e il link della nuova immagine, sarà più facile aiutarti (via debug del browser).
    » Salvatore Noschese - L'AltroWeb | Seguimi su: facebook | twitter | Google+
    # Che aspetti? Unisciti alla community! Tanti nuovi gruppi ti aspettano


  3. #3
    gianlucaweb non è connesso Utente attivo
    Data registrazione
    01-01-2003
    Messaggi
    456

    Predefinito

    Citazione Originalmente inviato da darkwolf Visualizza messaggio
    Un link di esempio farebbe comodo.
    Se riesci a fornire il link originale e il link della nuova immagine, sarà più facile aiutarti (via debug del browser).

    Il link originale è questo:

    http://www.templatewire.com/magnum-f...folio-template


    Il mio l'ho sto ancora personalizzando in locale.


    La mia immagine che vorrei sostituire a quella originale è questa:

    http://funkyimg.com/i/2x3ra.jpg

    Grazie

  4. #4
    L'avatar di darkwolf
    darkwolf non è connesso Staff AV
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,532

    Predefinito



    Presa quell'immagine e passata nel css sostituendo solo il link dell'immagine precedente. É questo che vuoi o la preferisci piazzata meglio?

    Eg: mettendo bottom anziché top:
    Ultima modifica di darkwolf : 04-09-2017 alle ore 23.31.31
    » Salvatore Noschese - L'AltroWeb | Seguimi su: facebook | twitter | Google+
    # Che aspetti? Unisciti alla community! Tanti nuovi gruppi ti aspettano


  5. #5
    gianlucaweb non è connesso Utente attivo
    Data registrazione
    01-01-2003
    Messaggi
    456

    Predefinito

    Citazione Originalmente inviato da darkwolf Visualizza messaggio


    Presa quell'immagine e passata nel css sostituendo solo il link dell'immagine precedente. É questo che vuoi o la preferisci piazzata meglio?

    Eg: mettendo bottom anziché top:

    Dove lo hai inserito bottom, qui?

    background: url(../img/intro-bg.jpg) no-repeat center top;

    In effetti andrebbe già molto meglio, ma come vedi l'immagine viene comunque tagliata in alto e non vorrei perdere quei colori blu del cielo al tramonto. Non capisco perché non riesco a farcela entrare come voglio. Hai qualche idea in merito?

    Grazie ancora per l'assistenza e il consiglio.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •