inserire immagine come fondo dentro layout css

[alexlisca]

scusate se io parto da questo layout e vorrei inserie 1 immagine da usare come fondo come faccio ?
http://lisca.altervista.org/danilo8/index.html
possibilmente che se la pag. si allunga verso il basso si ripeta
grazie

[gabar-el]

dipende dove devi posizionarla; nel body? in un contenitore?
indipendentemente da questo la regola è la seguente (l'es. si riferisce a un div con id container):

div#container {
background: url(percorso-immagine/immagine.gif) repeat-y;
}

utilizzando la forma abbreviata background puoi inserire vari parametri direttamente, altrimenti puoi utilizzare le varie regole del background. a questo link trovi molte informazioni utili.

[alexlisca]

ti ringrazio molto mi hai aperto 1 nuovo modo
io dovre metterlo nel layout sia nel Header Navigation Container
lo scopo e fare qualcosa del genere:http://www.conceptart.org/?artist=Joachim
e io sono a questo puntohttp://lisca.altervista.org/danilo8/indexB.html
sicuramente non è fato come dio comanda
alla fine vorrei che la parte del container abbia 1 immagine di fondo e sopre le thumb che poi si allargano ( ovviamnete è tutto molto grezzo x ora )
magari mi dici che è impossibile farlo
quindi morale della favola all' inteno di questo parte di codice dove la metto ?

* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#header {
width: 829px;
color: #333;
padding: 0px;
border: 0px solid #ccc;
height: 100px;
margin: 10px 0px 0px 50px;
background: #BD9C8C;
}
#navigation {
width: 829px;
color: #333;
padding: 0px;
border: 0px solid #ccc;
margin: 0px 0px 0px 50px;
background: #DAC8BF;
}
#content {
width: 829px;
color: #333;
border: 0px solid #ccc;
background: #F2F2E6;
margin: 0px 0px 10px 50px;
padding: 00px;
height: 350%;
}

grazie 1000

[gabar-el]

direi nel content....

quando inserisci codice fallo tra i tag code....

[alexlisca]

Originariamente inviato da gabar-el
direi nel content....

quando inserisci codice fallo tra i tag code....

ho provato ma mi sparisce tutto:
#content {
width: 829px;
color: #333;
border: 0px solid #ccc;
background: url(percorso-immagine/immagine.gif) repeat-y;
margin: 0px 0px 10px 50px;
padding: 00px;
height: 350%;
}
poniamo che il mio sito in locale gira in C:/danilo8/index11111.html
e l' immagine è in C:/danilo8/fondo danilo.jpeg
la riga dovrebbe diventare:
#content {
width: 829px;
color: #333;
border: 0px solid #ccc;
background: (c:/danilo8/fondo danilo.jpeg) repeat-y;
margin: 0px 0px 10px 50px;
padding: 00px;
height: 350%;
}
e quando lu butto sul server ?
grazie della pazienza
ps: cosa intendi tra i tag cod ?

[gabar-el]

i tag code sono tag per inserire codice qui nel forum in modo che abbia una corretta presentazione (leggi il regolamento)

è buona abitudine inserire tutte le immagini di un sito in una cartella images, se fossero molte andrebbero anche divise in sottocartelle tematiche. cmq, nel tuo caso dovresti risolvere così:

background: url(immagine.gif) repeat-y;

questo perchè il tuo file e l'immagine si trovano nella medesima cartella, e do per scontato che lo sia anche il css, poichè è da li che devi partire....

magari fatti una cerca su collegamenti assoluti e relativi, capirai che se hai impostato correttamente la struttura delle cartelle del sito, non farà differenza osservarlo in locale o on-line....

[alexlisca]

non funziona mi sparisce il container
si per ora lo sfondo che vorlio usra è in c:/danilo8/ poi in futuro divido tutto x cartelle
io ho inserito:
}
#content {
width: 829px;
color: #333;
border: 0px solid #ccc;
background: url(fondo danilo.gif) repeat-y;
margin: 0px 0px 10px 50px;
padding: 00px;
height: 350%;
}
ma deve per forza di cose essere *.gif ?
nel casoo se riesco afrla funzionare e un domani inserisco le immagi delle varie pag. in 1 cartella che percorso metto ? :master:

[gabar-el]

ho messo gif come es., l'immagine può avere qualsiasi estensione....

fai delle prove, togli l'immagine e inserisci solo un colore che contrasti gli altri, vedi dove viene posizionato il div e poi agisci di conseguenza....
se posti un link sarebbe meglio....

[alexlisca]

http://lisca.altervista.org/danilo8/indexC.html
ti ringrazio molto della pazienza
ma se risolvo questo problema sono a cavallo

[alexlisca]

ho quasi risolto solo che metto il valore repeat;
sparisce tutto
http://lisca.altervista.org/danilo8/...col/index.html
come la risolvo questa cosa ?
ho dofuto inseri così la riga:
background-image: url(fondo.jpg);