Come fare per tagliare la grandezza di un'immagine?

[Dario Cavallo]

La situazione è la seguente:
Ho usato un foglio di stile in Frontpage per posizionare un'immagine di sfondo in alto senza che fosse ripetuta con la seguente sintassi:

body {background: #FFFFFF url('images/Alberi_02.jpg') no-repeat center top; TEXT-ALIGN: center}

Tutto bene.
L'immagine in questione è grande 1024 pixels in larghezza per 629 pixels in altezza.
Vorrei fare in modo che quando cambio la risoluzione dello schermo, per esempio a 800x600 pixels l'immagine venga ritagliata e mantenga un posizionamento centrato.
Invece quando io cambio la risoluzione a 800x600 mi compaiono le barre di scorrimento ai lati della finestra del browser, essendo l'immagine più grossa della risoluzione schermo.
Per darvi un esempio di ciò che intendo guardate questo sito:

http://www.paumanokreview.com/

Se provate a cambiare la risoluzione dello schermo a 800x600px l'immagine degli alberi verrà tagliata e non compaiono barre di scorrimento!
Come si fa? Bisogna usare i fogli di stile o cosa? Programmazione?
Aiuto per favore...

[Dario Cavallo]

Per favore ho bisogno di aiuto, rispondetemi!

[Mich_]

Non ho capito (c'e` una contraddizione o ho sbagliato a leggere?).

Per uno sfondo non compaiono le barre di scorrimento, ma lo sfondo rimane centrato (eventualmente si vede solo la parte centrale).

Se l'immagine fornisce dei contenuti deve essere messa con il tag <img>, altrimenti va bene come sfondo (ma non sara` visualizzata in alcuni browser, e di default non verra` stampata).

[nickmadison]

Come si fa? Bisogna usare i fogli di stile o cosa? Programmazione?

basta che guardi come è fatto quel CSS per capirlo

[Dario Cavallo]

Originariamente inviato da nickmadison
basta che guardi come è fatto quel CSS per capirlo

Il fatto è che non riesco a capire dove si trova l'informazione per l'immagine di background nel CSS. Non capisco qual'è la funzione che taglia l'immagine quando si restringe la risoluzione dello schermo.

[Mich_]

Originariamente inviato da Dario Cavallo
Il fatto è che non riesco a capire dove si trova l'informazione per l'immagine di background nel CSS. Non capisco qual'è la funzione che taglia l'immagine quando si restringe la risoluzione dello schermo.

Per me stai parlando arabo.

Funzione? in CSS? che e` 'sta roba?

Il CSS e` scritto:
background: #FFFFFF url('images/Alberi_02.jpg') no-repeat center top;

che in forma estesa puo` essere scritto:
background-color: #FFFFFF;
background-image: url('images/Alberi_02.jpg') ;
background-repeat: no-repeat;
background-position: center top;

Il background viene quindi centrato in orizzontale e messo in alto in verticale

[Dario Cavallo]

Originariamente inviato da Mich_
Per me stai parlando arabo.

Funzione? in CSS? che e` 'sta roba?

Il CSS e` scritto:
background: #FFFFFF url('images/Alberi_02.jpg') no-repeat center top;

che in forma estesa puo` essere scritto:
background-color: #FFFFFF;
background-image: url('images/Alberi_02.jpg') ;
background-repeat: no-repeat;
background-position: center top;

Il background viene quindi centrato in orizzontale e messo in alto in verticale

Finalmente ho capito il problema: io ho aggiunto una tabella di troppo! Questa era larga 1024 pixel e conteneva un'immagine di sfondo, e quindi compariva la barra di scorrimento!

Il mio scopo è quello di aggiungere una striscia di navigazione bianca che sembri trasparente (in primo piano) proprio come nel sito http://www.paumanokreview.com/ con il relativo testo che cambia al passaggio del mouse.
Come posso fare?
Io ho provato a fare una tabella larga 1024px con un'immagine di sfondo (una striscia), ma mi compare la barra di scorrimento (al cambiare della risoluzione dello schermo), cosa da evitare!
Mi sparo?
Il sito dove potete vedere il problema è questo:
http://freeweb.supereva.com/proposta80/index.htm?p

[Mich_]

Ci sono alcuni problemi con quella pagina.

Lasciamo stare che supereva ti introduce un frameset ed un frame: se vuoi programmare bene dovresti cambiare provider (i frame non sono il massimo, e sono deprecati in XHTML).

Problema 1 (crea comportamenti imprevisti)
Stai mescolando formattazione HTML con formattazione CSS: le due cose non vanno molto d'accordo (non sai quale e` quella che il browser prende in considerazione):" dovresti eliminare tutti i tag di formattazione e tutti gli attributi HTML di formattazione: la formattazione va fatta SOLO tramite CSS.

Problema 2 (sballa la larghezza)
Dentro la tua pagina c'e` una tabella larga 1024 px. E` tale tabella che ti provoca lo scroller orizzontale, non lo sfondo.

Problema 3 (programmazione moderna)
Dovresti eliminare le tabelle di formattazione. La formattazione si fa in CSS, sulla base di tag che possono essere <div> o <span> o comunque tag che si riferiscono semanticamente al contenuto.