Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2015
    Messaggi
    3

    Immagine di sfondo adattabile

    Ciao a tutti, scusate la nabbaggine ma premetto che non sono esperta in css infatti questa è la mia prima prova.

    Sto provando a mettere una immagine di sfondo nella parte sinistra dello schermo: lo sfondo c'è ma
    non riesco a farlo adattare alla grandezza della finestra. Mi spiego meglio: quando restringo la fiestra mi farebbe piacere che si restringesse anche lo sfondo senza essere tagliato brutalmente dal divisore di mezzo.

    Il secondo problema che ho è nei dispositivi mobili: quando metto il cell in orizzontale l'immagine compare ma quando scrollo per andare verso il basso l'immagine non si ripete.

    Se non sono stata chiara, vi farò degli screen!!!

    Grazie per l'aiuto

    ecco il codice:

    #sx { background-image: url(immagini/provasfondo2.png);
    background-repeat: repeat-y;
    float:left;
    width: 20%;
    height: 100%;
    text-align: center;

    }
    #centro {
    background-color: #F8F4FF;
    float:left;
    width: 60%;
    height: 100%;
    text-align: center;




    }
    #dx {
    background-color: #F8F4FF;
    float:right;
    width: 20%;
    height: 100%;
    text-align: center;
    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2015
    Messaggi
    3
    Ora sono riuscita a far adattare lo sfondo, ma, se rimpicciolisco la pagina ed uso lo scroll
    per andare sotto lo sfondo continua a non ripetersi aiutoooo!!!!

    #sx {
    background-image: url(immagini/provasfondo2.png);
    background-repeat: repeat-y;
    background-size: contain;

    margin: 0 auto;
    padding: 0;
    float:left;
    width: 20%;
    height: 100%;
    text-align: center;



    }


    #centro {
    background-color: #F8F4FF;
    float:left;
    width: 60%;
    height: 100%;
    text-align: center;

    }

    #dx {
    background-image: url(immagini/provasfondo2dx.png);
    background-repeat: repeat-y;
    background-position: right top;
    background-size: contain;
    margin: 0 auto;

    float:right;
    width: 20%;
    height: 100%;
    text-align: center;

    }
    Ultima modifica di Zea; 02-06-2015 a 14:58

  3. #3
    background-repeat-x: no-repeat;
    background-repeat-y: repeat;

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2015
    Messaggi
    3
    Ho trovato il problema e sta nel "height: 100%;"
    Se la finestra è rimpicciolita per il css il 100% è la grandezza della finestra quindi
    lo sfondo viene ripetuto solo per quella lunghezza.
    Grazie comunque per la risposta!!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.