Newsgroup: it.comp.www.html
Titolo: Background con risoluzioni 1027x800

Ciao a Tutti,
ho bisogno di un aiuto. Ho costruito un sito web con i css e come sfondo
delle varie pagine utilizzo delle immagini che hanno dei fiori nella parte
sinistra della foto e una striscia bianca o colorata nella parte restante
dell'immagine.
Se utilizzo una risoluzione 800x600 l'immagine viene ripetuta per tutta
l'altezza dello schermo con un piacevole effetto, ma se le stesse pagine
vengono visualizzate su un computer portatile con lo schermo stretto e lungo
(risoluzione 1027x800) la parte floreale dell'immagine viene ripetuta anche
nella parte semi-centrale destra dello schermo con un effetto sgradevole.
Es: 800x600
##---------------
##---------------
##---------------
1027x800
##------------##----
##------------##----
##------------##----
Come posso risolvere questo problema? Qualsiasi risposta è benvenuta!
Un cordiale saluto,
Marc


CSS....
body { ...............
background-image:url(../immagini/nometuaimmagine.gif);
background-repeat:no-repeat;
background-color:#xxxxx; <----- colore dello sfondo della tua immagine
}

> background-repeat:no-repeat;
o forse, visto che in verticale gli fa comodo, meglio mettere:
 background-repeat: repeat-y;
Ciao
-- 
Nadia
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
non rompere le scatole, aprile!
www.maipiusenza.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 }
Ciao Mario,
grazie per la tua risposta, ma ho necessità di impostare la proprietà a 
"background-repeat: repeat;", in quanto l'immagine grafica è una striscia, 
stretta e lunga dove nella parte sinistra vi è un fiore.
Per cui dovrei allungare la la parte destra dell'immagine.
Es.:
#------------
#-------------------------
In questo modo, anche con risoluzioni maggiori lo sfondo sarebbe uniforme.
Comunque, grazie per il tuo consiglio!
Marc 


...dipende dall'immagine...

 Per cui dovrei allungare la la parte destra dell'immagine.
se la parte destra di questa strisca è monocromatica, diciamo ad esempio di
un rosso FF0000, allora puoi usare il codice che ti avevo scritto sopra, o
riassumendo:
background: #FF0000 url(../immagini/nometuaimmagine.gif)  repeat-y left;
Ovvero duplichi l'immagine solo in verticale, mentre in orizzontale, finita
l'immagine parte il colore di sfondo.
Ovviamente non puoi allungare un'immagine all'infinito senza duplicarla.
Quindi se la tua parte destra non è un colore solo, bisogna usare un'altro
sistema, ad esempio creare prima un div con la sola parte destra che si
duplica in altezza e larghezza e poi inserire un secondo div che abbia come
sfondo i fiori e li ripeta solo in verticale.


 Nadia
Waow, sei *grande* Nadia!! Avevo provato ieri, ma non mi funzionava. Ho 
provato ora, anche con una risoluzione di 1152x864 e funziona 
benissimo!!!!!!
Sono contento, sei grande!
Se vuoi, spiegami meglio la proprietà left, io non l'ho usata, ma funziona 
lo stesso. Inoltre, mi delucideresti meglio, il sistema del tag <div></div>
Ho imparato da solo il linguaggio di programmazione HTML, e mi piacerebbe 
imparare meglio i fogli di stile, mi sapresti dire il titolo di un buon 
libro sui CSS, oppure dove posso trovare un buon tutorial in rete?
Grazie di tutto e alla prossima!! :-)
Ciao, Marc