Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2004
    Messaggi
    37

    Immagine background in un DIV

    Salve a tutti,
    chiedo aiuto perchè non ne vengo fuori..ho provato di tutto e di più.

    Nel file html ho un DIV del tipo: <div id="header">...</div> e fin qui ok!


    Nel file CSS richiamo il selettore "header" in questo modo:

    #header {
    margin: 0 auto;
    width: 960px;
    height: 150px;
    background: url(other/header.png) no-repeat;
    }

    ..quindi dopo aver specificato una larghezza e un'altezza voglio che mi visualizzi l'immagine "header.png" che si trova nella cartella "other" ma non me la visualizza... la cosa strana è che in un'altro sito che ha la stessa sintassi mi funziona...

    Ho provato a modificare il percorso della cartella spostando il tutto nella root, ho modificato il file come *.jpg, ho omesso anche il "no.repeat" etc...

    Come posso fare?

    Grazie

  2. #2
    disperazione totale....

    fai un test:

    codice:
     background-image: url(relativo/assoluto-scegli-tu);
      background-repeat: no-repeat;
      background-size: 100% auto;
    background-position: center top;
    se non funziona,
    fai copia incolla di tutta la pagina html.
    Interactive Html/CSS/JS Playground | @webbeloz ( cip..cip! )
    Mechanics & Expert Tuning Fix Z3 Roadster Community

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2004
    Messaggi
    37

    desperados

    Ciao webbeloz, grazie per la risposta...
    Mi ero dimenticato di scrivere che avevo provato anche con il seguente: "background-image:" e non funzionava... Inoltre ho provato a copiare tutti i background che mi hai scritto ma non funzia lostesso. Mi sono accorto però che se do come definizione la cartella "img" e cioè "background: url(img/header.png);" allore funziona. Io però voglio distinguere la cartella immagini "img" dalle altre, e cioè nella cartella img voglio tenere le immagini per la galleria del sito e un'altra cartella definita "other" o propriamente "foto" dove metto altre immagini.. Ma è possibile che "img" va bene e altri nomi no?

    Inoltre funziona anche se scrivo così: "background: url(../header.png);" però mettendo l'immagine header.png nella root.

    Proprio non capisco...male che vada metterò tutte le immagini nella root tutto bello disordinato

    Che posso fare?

    Grazie ancora

  4. #4
    prova con:

    codice:
    back...('/img/image.png');
    edit...

    controlla i permessi delle nuove cartella create sul server...
    devono avere gli stessi valori di img che funziona.
    Interactive Html/CSS/JS Playground | @webbeloz ( cip..cip! )
    Mechanics & Expert Tuning Fix Z3 Roadster Community

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2004
    Messaggi
    37
    Ok FUNZIONAAA!!!

    in pratica ho scritto "background: url(../other/header.jpg) no-repeat;"

    Grazie 1000

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.