backgound-image non funziona

**z3n** · 15-12-2012, 18:26

ciao a tutti,
mi sto avvicinando a html css e pian piano a php e javascript.
ora sto cercando di mettere insieme una pagina già precedentemente disegnata in photoshop ma mi suona assurdo che il codice sotto riportato non mostri effettivamente l'immagine di sfondo.
codice html:

codice:

<!DOCTYPE html>
<html>
	
	<head>
		<meta lang="it">
		<meta charset="UTF-8" />
		<meta name="author" content="/" />
		<meta name="description" content="">
		
	<link href="css/index_style.css" rel="stylesheet" type="text/css" >	
		<title>
			Index
		</title>
	</head>
	<body>
		<div id="container">
			
			<div id="left">
				Italiano
			</div>
			<div id="right">
			English
		</div>
		</div>
	</body>






</html>

e infine il css:

codice:

body{
	text-align:center; /* centra in IE 5.x */

	background-image:url("img/bg.gif");
}

div#container{
	width: 760px;
        margin: 0px auto auto auto; 
	background-position:left top;
	background-repeat:repeat;
	text-align:center;
}

div#left{
	text-align:left;
}

div#right{
	text-align:right;
}

ho provato con firefox e chrome (speravo di aver peccato di ignoranza e sperato che ci fosse una qualche incompatibilità col browser con background-image) ma niente da fare. ho provato a eliminare le virgolette ma niente da fare, ho spostato l'immagine di sfondo della root del progetto aggiornando il path nel comando background-image ma niente. ho provato persino ad usarla come bg nella div#container ma niente ancora...sono sicuro che è un errore banalissimo e da novellino ma non riesco a capire dove sia.
Grazie mille per l'aiuto

**Prill** · 15-12-2012, 19:05

Se il richiamo dell'immagine di sfondo è corretto, si tratterà solo del fatto che la pagina è in pratica vuota, aggiungendo contenuti ed estendendosi il body l'immagine comparirà (fra l'altro nel div container hai impostazioni per lo sfondo ma lo sfondo non c'è)

**z3n** · 15-12-2012, 19:42

niente da fare....ho aggiunto lorem ipsum nel body, nel container e nelle due div: left e right ma niente da fare...eppure l'immagine c'è (ho inserito per prova l'immagine nel body come sfondo e funziona) ma nel css proprio non ne vuole sapere di entrare...) riposto il codice perchè ho apportato alcune piccole modifiche:
css...

codice:

body{
	text-align:center; /* centra in IE 5.x */

}

div#container{
	width: 760px;
    margin: 0px auto auto auto; 
	background-image:url("img/bg.gif");
	background-position:left top;
	background-repeat:repeat;
	text-align:justify;
}

div#left{
	text-align:left;

}

div#right{
	text-align:right;
}

e html (nel quale non vi ho postato i lorem ipsum per evitare di allungare il messaggio inutilmente...ho lasciato solo le due parole iniziali per mostrare dove sono posizionati)

codice:

<!DOCTYPE html>
<html>
	
	<head>
		<meta lang="it">
		<meta charset="UTF-8" />
		<meta name="author" content="ivan" />
		<meta name="description" content="">
		
		<link href="css/index_style.css" rel="stylesheet" type="text/css" >	
		<link rel="icon" type="image/ico" href="img/HP-Recycle-Full-icon.png">
		<title>
			Index
		</title>
		
	</head>
	
	<body>		
		<div id="container">
		Lorem ipsum [..]

			<div id="left">
				Lorem ipsum [..]
				
			</div>
			<div id="right">
				Lorem ipsum [..]							
			</div>		
		</div>	
	</body>
</html>

**Prill** · 15-12-2012, 19:59

background-image:url("../img/bg.gif");

**z3n** · 15-12-2012, 20:12

ecco, come immaginavo era un errore stupido. però se posso, vorrei approfittare per chiederti che differenza c'è tra

codice:

background-image:url("../img/bg.gif");

e

codice:

background-image:url("img/bg.gif");

. grazie mille, mi hai salvato!!

**Prill** · 15-12-2012, 20:27

Se la tua cartella "css" oltre al foglio di stile avesse contenuto anche una cartella "img", il tuo percorso sarebbe stato corretto, ma la cartella con l'immagine è esterna. Quando entriamo a cercare un file in una cartella usiamo nomeCartella/file.estensione, quando dobbiamo cercarlo al di fuori ../nomeCartella/file.estensione (per ogni cartella da cui si esce, salendo di un livello, va un ../ )

**z3n** · 15-12-2012, 21:00

chiarissimo! grazie ancora!

Discussione: backgound-image non funziona

Strumenti discussione

Ricerca discussione

Visualizza

backgound-image non funziona

Permessi di invio