Newsgroup: it.arti.fotografia.digitale
Titolo: web-master

aiuto, come si fa a mettere una immagine di sfondo che non si duplichi e che 
si auto sistemi su vari monitor/risoluzioni?
� tutto il we che ci provo ma non ne vengo a capo.
grazie
isa
 
 
-- 
...i misteri del viaggio che tu ti ricordi,
passano da me direttamente a te
ma tu non te ne accorgi...
 
Ritmo Tribale
 
http://www.isaia.altervista.org
 
http://www.gam-e20.it/
 
http://www.myspace.com/gam_e20
 
 
 

 background-size: 100% Auto;
 
questo l'ho incollato dopo fixed ma non rimane, cio� quando salvo sparisce
 
 
 style="background-repeat: no-repeat; color: rgb(0, 0, 0); background-color: 
transparent; background-image: url(sfondo.jpg); background-attachment: 
fixed;"
 alink="#000099" link="#000000" marginheight="0"
 marginwidth="0" vlink="#990099">
 
 


 
 
Mi fai vedere la pagina? E' on-line?
 
PS. Scusa, per sbaglio rispondo prima a te e poi nel gruppo :)

 PS. Scusa, per sbaglio rispondo prima a te e poi nel gruppo :)
 
eccomi qua
http://www.isaia.altervista.org/prova_sfondo.html
 
 
allora io vorrei vedere questa immagine sullo sfondo, su tutta la pagina,non 
ripetuta e che quando rimpicciolisco il browser o cambio monitor il sito gli 
vada dietro.
 
probabilmente ho scritto qualche cazzata 
 
 


 
Se vuoi un'immagine fullscreen che faccia resize e non venga distrota, 
con semplice css non ce la fai, devi usare un pï¿œ di js, ad esempio 
supersized
 
http://www.buildinternet.com/project/supersized/
 

 isa
 
 
 
 
Innanzitutto ti serve un computer
 
-- 
 
http://www.nicolagirardi.com
 
blog: 
http://01101010010110.tumblr.com
 
 
questo articolo e` stato inviato via web dal servizio gratuito 
http://www.newsland.it/news
 segnala gli abusi ad 
ab...@newsland.it
 
 
 

 
http://www.buildinternet.com/project/supersized/
 
 
stavo per linkare lo stesso.
è il modo piu' veloce e facile =)


 
 
poi formattare e passare a linux
 
-- 
http://iafbaluba.wordpress.com
 - 
http://www.basagna.co.cc
 
http://screanzatopo.wordpress.com
 - 
http://pinolismi.tumblr.com
 
http://gattacci.tumblr.com
 - 
http://orticariavaria.tumblr.com
 
http://ciclografia.tumblr.com
 


 
Funziona tutto aggiungendo la regola background-size. Basta fare la 
prova con chrome aggiungendo "live" la regola.

 
http://www.buildinternet.com/project/supersized/
 
 
Non capisco perché usare javascript e a maggior ragione una libreria se 
la cosa può funzionare con css3. Mi sfugge qualcosa?

 ha scritto nel messaggio 
news:k4uj3j$ddm$1...@tdi.cu.mi.it...

ma l'ho messo , ma quando salvo, sparisce 
 
 


in effetti se è solo per i bg si, unica cosa che non va su tutti i
browser, ma oramai quasi.


 
In che senso sparisce? Con costa lo stai facendo? Come modifichi i file? 
Usi qualche programma? Basta aprire il file html con un editor tipo notepad.
 
 

 ha scritto nel messaggio 
news:k4ulki$fgj$1...@tdi.cu.mi.it...

boia d'un lader...stavo lavorando con nvu, e quando inserivo la regola non 
me la faceva inserire
col notepad è andato tutto a posto.
grazie mille!!!! 
 
 

 ha scritto nel messaggio 
news:k4ulki$fgj$1...@tdi.cu.mi.it...

ok ho fatto cosi, ma c'� un'altro problema, quando rimpicciolisco il browser 
sotto non si adatta
e su tablet lascia dei bordi bianchi al lato destro e sotto 
 
 

 e su tablet lascia dei bordi bianchi al lato destro e sotto
 
per capirci questa è con il background 100%  e se stringo in browser sotto 
vedo bianco
http://www.isaia.altervista.org/prova_sfondo.html
 
 
questa è senza background 100% taglia l'immagine ma riempie tutto il browser
http://www.isaia.altervista.org/prova_sfondo1.html
 
 
 
si può avere la moglie ubriaca e la botte piena? :-D 
 
 


 
aggiungi background-size: cover

 
http://www.isaia.altervista.org/prova_sfondo.html
 
 
aggiungi "background-size: cover" ma penso che funzionerà a 4 gatti
 


 
I problemi di questa soluzione sono il supporto browser(esempio internet 
explorer) e gli schermi "verticali" come quelli dei tablet.
La regola infatti impone il resize in orizzontale al 100% e per non 
deformare l'immagine segue la seconda regola "Auto" per impostare 
l'altezza. Ovviamente se l'immagine ï¿œ orizzontale ed ï¿œ al 100% e abbiamo 
lo schermo verticale questa non potrï¿œ in nessun modo riempire lo 
schermo. L'unico modo per farlo a questo punto ï¿œ seguire i consigli di 
maik e Marco. Anche se non conosco il plug-in presumo questo lavori in 
questo modo: se il rapporto width/height dello schermo(o meglio 
dell'area visibile del browser) ï¿œ piï¿œ grande del rapporto width/height 
dell'immagine allora fa il resize 100% orizzontale (width) adattando 
l'immagine in altezza tagliandone una parte in verticale (height). Se 
invece il rapporto width/height del browser ï¿œ piï¿œ piccolo di quello 
dell'immagine allora il resize avviene 100% verticale, auto in 
orizzontale, tagliando una parte dell'immagine sul lato sinistro e/o 
destro. Penso ci sia un listener che rifa i calcoli  quando la finestra 
del browser cambia dimensione (vale anche per i tablet quando si gira).
Il plug-in sembra fatto per far girare delle immagini in background come 
una galleria, ma ï¿œ probabile che funzioni anche con una sola immagine.

 aggiungi background-size: cover
 
funziona fino ad un certo punto.per� funziona
perch� dici che funzioner� a 4 gatti? 
 
 

 la cosa puï¿œ funzionare con css3. Mi sfugge qualcosa?
 
perchï¿œ con ie6 ie7 ie8 non va.


 
Peccato che vengano usati dal 95% dei "naviganti" :-)
 
 
 
-- 
___________________________________
 
http://www.sergiotressino.it/
 
___________________________________


 
Giï¿œ, ma chi vuol fare un sito "visibile" alla massa, non puï¿œ ignorare 
che la fetta piï¿œ grossa riguarderï¿œ proprio IE...



 
ROTFL... un modo elegante per dare dei deficienti a chi usa IE :-)
E' da capire se il tracollo dell'IQ degli ultimi anni è dipeso dall'uso 
di IE stesso. Se così fosse, fra qualche anno chi usa opera rischia di 
essere totalmente idiota :-D



 
Eh... a tal proposito ho comprato l'aggiornamento del software che ho 
usato per fare il mio sito, per "switchare" da flash a html5... solo ad 
avere il tempo e la voglia di rifare tutto. Un giorno, forse...


 una galleria, ma ï¿œ probabile che funzioni anche con una sola immagine.
 
Esatto, ma per una sola immagine ce ne sono di piï¿œ semplici, tipo ezBgResize
http://johnpatrickgiven.com/jquery/background-resize/
 


 
Il background-size ï¿œ giï¿œ poco supportato di suo, aggiungi che 
l'attributo "cover" che ti ho passato prima, su Firefox non funziona, 
neanche sull'ultimo, penso che vada solo sui webkit browser (chrome, 
safari).
 
Le figate cross-browser si fanno ancora in javascript, e si faranno per 
sempre visto che i browser non sono mai allineati agli standard.

 Peccato che vengano usati dal 95% dei "naviganti" :-)
 
95% è tanto.
diciamo 20/30% ormai.
 


 
Si, è vero, ho esagerato (volutamente). IE fortunatamente non è più così 
radicato, ma resta comunque il browser predefinito per la maggior parte 
degli utOnti pc meno alfabetizzati... che non sono comunque pochi e che 
non possono certo essere ignorati.
