Impostare immagine di sfondo

**andrew low** · 23-01-2009, 18:14

So che la domanda può parere banale, ma per quanto mi sforzi, non riesco a impostare un immagine di sfondo ad un div.

Ecco il codice:

codice:

<html>
<head>
<title>Asd</title>
<style>
 body {
margin : 0;
padding: 0;
border: 0;
} 

#logo {
float: left;
z-index: 10;
}

 #header {
background-image: url(grafica\sfondo_header.png);
}

</style>
</head>
<body>
<div id="header"></div>
<div id="logo">
[img]grafica\logo2.png[/img]
</div>
</body>
</html>

Come posso fare

**gengix** · 23-01-2009, 18:50

Ciao,

Controlla che il percorso dell'immagine sia corretto.

Se il percorso è corretto è probabile che il contenitore #header sia collassato su se stesso perchè al suo interno c'è un elemento fluttuante ( lo vedi se imposti un bordo ad #header).

In questo caso o inserisci un elemento dentro header a cui attribuisci la proprietà clear oppure cerca "easyclearing" sul forum.

Altrimenti qui : http://www.css-zibaldone.com/traduzi...ing/index.html

Buon lavoro=)

EDIT: Ho guardato male il tuo codice...dai delle dimensioni al div #header

**andrew low** · 23-01-2009, 22:04

Controllato, ora ecco il codice provato a sistemare secondo le tue indicazione ma nulla:

codice:

<html>
<head>
<title>Asd</title>
<style>
 body {
margin : 0;
padding: 0;
border: 0;
} 

#logo {
float: left;
z-index: 10;
border-width: 1px 2px 1px 2px;
border-style: solid;
border-color: black red black red;
}

 #header {
background-image: url(grafica\sfondo_header.png);
height: 300px;
width: 300px;
border-width: 1px 2px 1px 2px;
border-style: solid;
border-color: black red black red;

}

</style>
</head>
<body>
<div id="header"><p style="clear: both;">ciao</div>
<div id="logo">
[img]grafica\logo2.png[/img]
</div>
</body>
</html>

**gengix** · 24-01-2009, 13:38

Abituati a validare il codice che fai:

http://validator.w3.org/

Il validatore ti segnala gli errori di sintassi che sono presenti nel tuo codice.

Per scrivere un foglio di stile interno la formula giusta è

codice:

<style type="text/css">
......

</style>

e non semplicemente <style> come hai fatto te.
Inoltre abituati a dichiarare il Doctype(possibilmente di tipo strict) all'inizio del documento. Così facendo eviti di avere delle differenze d'intepretazione del codice da parte di browser che non seguono gli standard.

Nel tuo caso il

con la proprietà clear non ti serve, perchè non esistono elementi fluttuanti all'interno di #header. (chiedo scusa ma avevo fatto confusione io prima avendo letto male il tuo codice)

**andrew low** · 24-01-2009, 15:13

lo so, ma visto che era una pagina di prova per vedere come veniva graficamente lo messa giù velocemente, senza dichiarazioni e nulla, quando vedevo che mi piaceva allor amlo validavo e sistemavo ciò che non andava bene. Quindi dopo aver tolto il clear both cosa posso fare?

**andrew low** · 24-01-2009, 15:27

Sono riuscito a sistemare, ho messo l'immagine nella stessa cartella della pagina e funzionava, se si metteva in una sottocartella non più, comunque ora funziona. Grazie 1000!

**NicManzana** · 24-01-2009, 18:19

se si trovava in una sotto cartella allora dovevi scrivere:
./grafica/sfondo_header.png

**andrew low** · 24-01-2009, 20:04

ah garzie, un solo punto o 3?

**NicManzana** · 24-01-2009, 20:44

uno... se si trova nella stessa directory...

invece "../" se si trova nella directory superiore ..

Discussione: Impostare immagine di sfondo

Strumenti discussione

Ricerca discussione

Visualizza

Impostare immagine di sfondo

Permessi di invio