Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Immagine di Background

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

    Immagine di Background

    Salve vorrei inserire un immagine di background nel mio documento xml...
    solo che andando a specificare l'opzione background-image url etc... nella parte body non cambia nulla!

    come posso fare?

    vi allego il css:

    codice:
      body {
    	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    	margin : 0px;
    	padding-bottom : 0px;
    	padding-left : 0px;
    	padding-right : 0px;
    	padding-top : 0px;
    	text-align : center;
            background-image: url(smallPic.jpg);
    }
    
    /* Stile della sezione "sezprinc" */
    
    #sezprinc {
    background: #FFFFFF;
    border-bottom : 1px solid black;
    border-left : 1px solid black;
    border-right : 1px solid black;
    border-top : 1px solid black;
    color : #000000;
    margin : 20px auto;
    text-align : left;
    width : 574px;
    }
    
    /* Stile della sezione "testata" */
    
    #testata {
    background : #000000;
    border-bottom : 1px solid black;
    height : 178px;
    margin : 0px;
    padding-bottom : 1px;
    padding-left : 26px;
    padding-right : 26px;
    padding-top : 0px;
    }
    
    /* Stile della sezione "contenuto" */
    
    #contenuto { 
    border-bottom : #CCCCCC 0px dotted;
    border-left : #CCCCCC 0px dotted;
    border-right : #CCCCCC 0px dotted;
    border-top : #CCCCCC 0px dotted;
    margin : 0px 27px;
    padding-bottom : 5px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 6px;
    voice-family : inherit;
    width : 512px;
    
    }
    
    /* Stile della sezione navigazione */
    
    #navigazione {
    background : #eb0a64;
    border-bottom : #CCCCCC 0px;
    border-left : #CCCCCC 0px;
    border-right : #CCCCCC 0px dotted;
    border-top : #CCCCCC 0px;
    color : #000000;
    float : left;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    voice-family : inherit;
    width : 140px;
    min-height : 370px;
    }
    
    /* Stili dei link della sezione "navigazione" */
    
    #navigazione a {
    background : #336699;
    color :#99FFFF;
    }
    
    #navigazione a:hover {
    background : #336699;
    color : #DC143C;
    }
    
    #navigazione a:visited {
    background : #336699;
    color :#99FFFF;
    }
    
    /* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "navigazione" */
    
    #navigazione h1 {
    background : #336699;
    border-bottom : 1px dotted #808080;
    border-left : 1px dotted #808080;
    border-right : 1px dotted #808080;
    border-top : 1px dotted #808080;
    color : white;
    font : bold 13px Tahoma, Verdana, Helvetica, sans-serif;
    margin-bottom : 3px;
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 15px;
    padding-bottom : 2px;
    text-align : center;
    }
    
    /* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "navigazione" */
    
    #navigazione p {
    background : #336699;
    color : Black;
    font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin : 5px 5px;
    }
    
    
    /* Stile della sezione "menu" */
    #menu {
    border-bottom : black 1px solid;
    border-left :black 1px solid;
    border-right : black 1px solid;
    border-top : black 0px solid;
    margin : 0px 26px 1px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 0px;
    padding-top : 4px;
    width : 512px;
    background : #FFCC00;
    
    }
    
    /* Stli dei link della sezione "menu" */
    #menu a {
    background : #FFCC00;
    color : #CC0000;
    }
    
    #menu a:visited {
    background : #FFCC00;
    color : #CC0000;
    }
    
    /* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "menu" */
    #menu p {
    background : #FFCC00;
    color : black;
    font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align : center;
    }
    
    /* Stile della sezione "post" */
    #post {
    background-color : #FFFFFF;
    border-bottom : #CCCCCC 0px;
    border-left : #CCCCCC 0px dotted;
    border-right : #CCCCCC 0px;
    border-top : #CCCCCC 0px;
    color : #000000;
    margin : 0px 0px 0px 142px;
    padding-bottom : 10px;
    padding-left : 16px;
    padding-right : 0px;
    padding-top : 0px;
    voice-family : inherit;
    width : 350px;
    
    }
    
    /* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "post" */
    #post h1 {
    background : white;
    color : #191970;
    font : bold 13px Tahoma, Verdana, Helvetica, sans-serif;
    margin : 5px;
    
    
    }
    
    /* Selettore contestuale. Specifica come appare l'elemento h2 all'interno della sezione "post" */
    #post h2 {
    background-color : #FFFFFF;
    color : #CC0000;
    font : bold 10px Tahoma, Verdana, Helvetica, sans-serif;
    margin : 5px;
    }
    
    /* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "post" */
    #post p {
    background-color : #FFFFFF;
    border-bottom : 1px dotted black;
    color : #000000;
    font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 1.5em;
    margin : 5px;
    padding-bottom : 4px;
    }

  2. #2
    Non ho mai capito quale sia la regola.... ma hai provato a mettere gli apici dentro al parametro url?

    background-image: url("urlImg");

  3. #3
    Originariamente inviato da pictor
    background-image: url("urlImg");
    Va bene anche senza apici. L'importante è scrivere bene stando attenti a maiuscolo/minuscole e scriverci il percorso giusto. Magari la foto ti sta dentro la dir "img" e non l'hai specificato...

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    21
    no il problema non è quello...il fatto è che se specifico background-image nelle altre sezioni non ci sono problemi, me lo mostra....ma nel body principale no...e io vorrei far apparire l'immagine di sfondo dietro alle tabelle(sezioni)...per questo vado ad inserirlo lì...
    ma non cambia nulla...

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    21
    tenete conto che ho 3 file... uno .css (quello dello stile che ho postato sopra), uno .xls e uno .xml

    io sono quasi sicuro che l'immagine di background vada inserita nel .css nella parte body perchè se lo metto in altre sezioni mi va a fare da sfondo nelle altre tabelle giustamente...

    qualcuno può aiutarmi?

  6. #6
    Originariamente inviato da gatsu000
    io sono quasi sicuro che l'immagine di background vada inserita nel .css nella parte body perchè se lo metto in altre sezioni mi va a fare da sfondo nelle altre tabelle giustamente...
    Si, va bene nel body... se ti sei assicurato che il percorso è giusto (appunto provandolo da altre parti) no tiresta che capire se qualche Div ti va a "coprire" questo sfondo.
    Prova anche ad usare le altre proprietà del background tipo la position e il repeat... di più non ti si può aiutare... DEVE funzionare

  7. #7
    Se te lo fa solo con IE prova a guardare se è questo problema:
    http://im.digitalhymn.com/tag/bug

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.