• User

    Immagine di sfondo con i CSS

    Buongiorno a tutto il Forum,
    ho messo un DIV nella mia pagina web e volevo metterci un'immagine di sfonfo ed ho creato un div del genere :

    <div id="intestazione">
    <p>prova</p>
    </div>

    e gli ho assegnato il seguente CSS :

    #intestazione {
    text-align: center;
    text-weight: bold;
    background-color: green;
    height:100px;
    background-image: url (../images/spazio-pubblicitario.jpg);
    border-left: 0px solid #fff;
    border-right: 0px solid;/
    border-bottom: 0px solid;
    /
    color: white;
    }

    Il problema è che il div ho notato sente correttamente tutte le altre impostazioni tranne l'immagine di sfondo... la root principale del mio sito è "htdocs" ...ma anche provando a mettere url (..htdocs/images/spazio-pubblicitario.jpg); non compare lo sfondo... e sono strasicuro che l'immagine c'è...è lì..ma non viene caricata.

    Cosa sbaglio ragazzi ? :bho:

    Grazie. Leo


  • User Attivo

    @leokid71 said:

    Buongiorno a tutto il Forum,
    ho messo un DIV nella mia pagina web e volevo metterci un'immagine di sfonfo ed ho creato un div del genere :

    <div id="intestazione">
    <p>prova</p>
    </div>

    e gli ho assegnato il seguente CSS :

    #intestazione {
    text-align: center;
    text-weight: bold;
    background-color: green;
    height:100px;
    background-image: url (../images/spazio-pubblicitario.jpg);
    border-left: 0px solid #fff;
    border-right: 0px solid;/
    border-bottom: 0px solid;
    /
    color: white;
    }

    Il problema è che il div ho notato sente correttamente tutte le altre impostazioni tranne l'immagine di sfondo... la root principale del mio sito è "htdocs" ...ma anche provando a mettere url (..htdocs/images/spazio-pubblicitario.jpg); non compare lo sfondo... e sono strasicuro che l'immagine c'è...è lì..ma non viene caricata.

    Cosa sbaglio ragazzi ? :bho:

    Grazie. Leo

    C'è poco da fare, sbagli l'indirizzo dell'immagine 🙂


  • User Attivo

    @leokid71 said:

    background-image: url (../images/spazio-pubblicitario.jpg);

    Diventa
    background-image: url (/images/spazio-pubblicitario.jpg);

    E vedrai che uscirà l'immagine (se non esce guarda i permessi)