Ciao a tutti,
dovrei posizionare una immagine di sfondo a 100px dall'inizio della pagina, solamente che non riesco a trovare il comando giusto...
Ho usato questo ma non funziona:
#sfondo {
background: url(legno.jpg);
background-repeat:repeat-x;
background-position:100px;
}
#sfondo (si tratta di un ID da dare al "body"
Grazie per il vostro gentile aiuto...
d-force
ti conviene darlo direttamente al body mi sa (non ho mai provato)
se non vuoi che l'immagine si ripeta devi usare no-repeat
leggiti gli articoli
se devi dare l'immagine di sfondo alla pagina, quindi al body, prova a scrivere così:
html, body{
margin:0;
padding:0;
background: url(legno.jpg) repeat-x 100px 0 transparent;
}
fai sapere come va.
P.S. 100px è dall'alto; 0 da sx.
ciao
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
Sei gentilissimo Floyd!
Purtroppo non funziona...
Ho scritto così:
body {
background-image: url(beje.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;
text-align:center;
margin: 0px;
padding: 0px;
height: 100%;
}
#body {
background: url(legno2.jpg) repeat-x 100px 0 transparent;
}
Praticamente ned "body" c'è una barra beje alta 100px in alto e che si ripete una sola volta. E funziona.
Poi vorrei inserire nel ID body un'altra barra (legno2.jpg) alta 210px che si ripete sull'asse delle X una sola volta, ma a 100px di distanza dal Top...
E' possibile?
Il risultato dovrebbe essere questo...
http://www.piedicosta.com/piedicosta2006/index.html
[PS OT] Saresti così gentile da darmi anche un'occhiata al codice? [/PS OT]
Grazie infinite...
d-force
Se ho capito bene, la barra beige si ripete nel body, giusto?
al di sotto di questa vuoi anche quella del legno.
Ma nn puoi avere 2 background nella stessa pagina.
Altrimenti devi fare una cosa:
creati un #div in posizione assoluta per la banda beige;
nella pagina, dando la coordinata esatta per top, ci metti il legno.
spero di essere stato chiaro.
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
body {
background-image: url(beje.gif);
background-repeat:repeat-x;
background-position:top;
text-align:center;
margin: 0px;
padding: 0px;
height: 100%;
}
#bodyx {
background: url(legno2.jpg) 0px 92px repeat-x;
background-color:#FFFFFF;
}
Non capisco però perchè non vedo l'immagine "beje.gif" che si ripete in alto...
Dov'è che sbaglio?
ieri sera ho provato a salvare l'immagine dello sfondo;
l'immagine gif credevo fosse "sdoppiata" cioè: una di colore beige e l'altra il legno. Invece è un tutt'uno.
Non ho capito bene cosa hai cambiato; eventualmente scrivimi attraverso la mail del mio sito e mandami le immagini con la una pagina html.
ciao
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
Ciao Floyd,
Si, l'immagine che hai salvato è una sola al momento, ma volevo dividerla.
Comunque hai, ragione. Per avere due sfondi devo creare un <div> grande quanto tutta la pagina e applicare lo sfondo + applicare lo sfondo al <body>.
Grazie 1000!
d-force
Ma visto che questa soluzione intacca la semantica del markup, è proprio necessario adottarla? Io ci penserei bene prima di prendere certe strade.
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
Permessi di invio
Rispondi quotando