Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 15

Discussione: problemi con sfondo

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    39

    problemi con sfondo

    Ciao a tutti la mia inesperienza e ignoranza e anche le mie notti insonne mi poratno sempre da voi allora:
    il mio problema riguarda uno sfondo devo inserire questa img come sfondo per tutta la pag e poi creare un div centrato con un'altro sfondo (una pergamena)..:
    1)come salvo l'img per lo sfondo principale? jpg?gif?
    2)qual'è il codice per inserire il div e dargli lo sfondo della pergamena???
    vi ringrazio tantissimo
    Immagini allegate Immagini allegate

  2. #2
    io solitamente salvo in png-8 oppure in jpeg dipende il rapporto qualità/peso dell' immagine.

    per inserire quella immagine come sfondo nel div (io solitamente nel body) ci devi mettere:


    codice:
    body{
    background-image:url(tua immagine); 
    baground-repeat:repeat-x repeat-y; //ripeti l' immagine nell' asse x e y
    }
    se invece la vuoi mettere in un div che sia una classe o id fai:
    codice:
    #tuoDiv{
    background-image:url(tua immagine); 
    background-repeat:repeat-x repeat-y; //ripeti l' immagine nell' asse x e y
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    39
    grazie ashtur1!!!! ma che dimensioni deve avere l'img che verra inserita nel body??? quindi nell'intera pag,
    grazie ancora!!!

  4. #4
    per quanto riguarda la dimensione devi valutarla te in base al tipo di immagine che dovrai ripetere ..per creare uno sfondo preciso devi crearti un pattern che sia preciso quando lo ripeti sia in verticale che in orizzontale...quindi devi fare delle prove

    ovviamente piu piccola è l' immagine più veloce sarà il caricamento

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    39
    quindi nn vale la pena creare una sola img grande quanto tutta la pag... grazie

  6. #6
    no perchè se devi creare un motivo che si ripete renderesti la pagina troppo pesante in questo modo invece puoi fare lo sfondo leggerissimo

  7. #7
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    39
    ho problemi con il div quando vado a inserire il div nella pag. html nn lo inserisce..
    il codice del file css è come mi hai detto tu:
    body{
    background-image:url(pietre.jpg);
    baground-repeat:repeat-x repeat-y; //ripeti l' immagine nell' asse x e y
    }
    #centerDiv{
    background-image:url(papiro.jpg);
    background-repeat:repeat-x repeat-y; //ripeti l' immagine nell' asse x e y
    }
    in html:
    <body>
    <Div>
    ciao
    </Div>

    </body>

    solo che riesco a vedere lo sfondo del body ma nn il div centrale con l'img di sfondo!!!
    aiuto!!!!

  8. #8
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    non hai usato l'id "centerDiv" da nessuna parte... logico che la regola in questione non sarà mai eseguita.

    Nel CSS cambia #centerDiv con div
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  9. #9
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    39
    hai ragione fcaldera!!! grazie..
    adesso però riesco a vedere solo il bordo superiore dell'img del div.. perchè???

  10. #10
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    probabilmente perchè non hai assegnato un altezza al div e quindi in verticale si espande a seconda del contenuto presente. Se provi ad assegnare un bordo attorno al div te ne rendi conto tu stesso

    Ciao
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.