Newsgroup: it.lavoro.professioni.webmaster
Titolo: [CSS] immagini di sfondo

Salve a tutti,
Una prima volta viene sempre e quindi, dopo anni passati a cercare le
risposte fra i "groups"... eccomi qua ad esporre direttamente un problema...
Dopo alcuni giorni di crisi "creativa", sono "finalmente" riuscito a
realizzare un bozzetto per un progetto web (cliente tipo "mi piace perché è
minimale, poi torni dopo tre giorni e dice "mah, mi sembra un po' troppo
minimale..."). Per studiare, senza pensare al cliente, dopo quasi due giorni
di lavoro ho realizzato, seguendo e "rubando" da 
www.constile.org
, la mia
prima pagina "table-less" (è basata sul bozzetto del sito del cliente in
questione, il quale sicuramente mi richiederà di realizzarla secondo la
"tradizione" delle tabelle... ma non è questo che al momento mi interessa).
Sono anche riuscito a farmela convalidare, e per me questa è una cosa
importante visto che prima d'ora non avevo mai (stupidamente) considerato
l'ipotesi di "attenermi" a degli standar ufficiali...
Ora, la pagina realizzata potete visitarla seguendo questo link:
http://space.virgilio.it/gianlu...@tin.it/prove/caffeletterario/index.ht
ml
Se, nel caso, questa pagina rispondesse ad un gusto estetico a voi non
troppo lontano, mi farebbe piacere sapere che vi è piaciuta perché sarebbe
un grande sollievo morale e, anche per questo, vi chiedo comunque di non
basarvi sui contenuti, in quanto ancora fermi alla fase "lorem ipsum
dolor"...
Il problema è fondamentalmente un altro, e qui mi ritrovo a chiedere il
vostro aiuto (se avete la possibilità di darmi una mano, non so in quale
modo cercherò di sdebitarmi).
Seguendo questo link
http://space.virgilio.it/gianlu...@tin.it/prove/caffeletterario/index2.h
tml
troverete la stessa pagina con un contenuto testuale più povero, ed è qui
che iniziano i problemi.
Spiego (e premetto che sono alle prime armi in questo senso).
Ho creato, fondamentalmente, 4 classi: una "corpo", una "testata" e due
classi in questa incluse, chiamiamole "sinistra" e "destra". Alla classe
"corpo" ho dato all'attributo "background" un'immagine di sfondo. Ora,
vorrei che questa possa essere ripetuta su tutta la lunghezza della pagina,
cosa che non avviene ma invece è "contestuale" ai contenuti di "destra". Dal
momento che i contenuti della classe "destra" possono cambiare nel sito,
fino ad arrivare al "pressocché nulla", mi ritroverei ad avere uno sfondo
sfasato rispetto a quello dei contenuti di "sinistra" (che appaiono su fondo
trasparente). Sono convinto di aver sbagliato qualcosa, ma non riesco a
capire dove..
Ho provato (in partenza) a "dividere gli sfondi", ossia a definire lo sfondo
di sinistra alla classe "sinistra" e lo sfondo di destra alla classe
"destra", ma non è quello che ho in mente (anche se, ridisegnando il tutto,
si potrebbe arrivare ad una soluzione dignitosa). Per me l'ideale sarebbe
quello di ottenere uno sfondo costante per tutta la pagina, centrato e non
legato alla risoluzione.
Per facilità, il .css utilizzato lo troverete qui:
http://space.virgilio.it/gianlu...@tin.it/prove/caffeletterario/styles.c
ss
Per curiosità, la bozza (grafica) della home-page si trova qui (262Kb):
http://space.virgilio.it/gianlu...@tin.it/prove/caffeletterario/bozza.jp
g
Devo dire che non è affatto qualcosa di urgente, risponde solo ad una mia
curiosità (o "necessità") dal momento che, quasi sicuramente, il sito verrà
realizzato in tabelle.
Ringrazio in anticipo chi potrà darmi una mano, e mi scuso per l'essere
stato prolisso e per il mio eventuale italiano poco corretto (ho due
giustificazioni in proposito... il tardo orario e, finalmente, la birra che
sono riuscito a gustare dopo "diversi giorni" di clausura, per la
grammatica; la tastiera che ha deciso di abbandonarmi, per le eventuali
lettere "saltanti")
Saluti a tutti
___________________
Gianluca Prete
ICQ #105020431
site: [censored]

 modo cercherò di sdebitarmi)
Visto che la colpa è "mia" (sono l'autore di .ConStile) ti do una
mano.
Premessa: il tuo layout è a larghezza fissa e le colonne sono
"disegnate" con un'immagine di sfondo larga come il contenuto. Non c'è
il footer. Dunque è molto comodo lavorare su tale pagina.
Tu non hai commesso nessun errore, il problema si presenta poiché
l'altezza della sezione #corpo non viene influenzata dalla colonna di
sinistra posizionata in maniera *assoluta*.
La soluzione è però semplice: basta porre l'immagine come sfondo del
corpo, centrata e ripetuta solo verticalmente:
body { 
background: #C00 url(img/f_main.gif) center top repeat-y;
}
A questo punto puoi togliere lo sfondo a #corpo
Ho provato la soluzione, funziona.

 Ho provato la soluzione, funziona.
Ti ringrazio, per la soluzione (che funziona perfettamente) e per avermi
fornito gli strumenti per realizzare quella pagina. Spero solo di avere la
possibilità di realizzare presto un progetto interamente con i CSS, su cui
ho scoperto sapere ben poco, perché, nonostante qualche problema
nell'approccio (effettivamente, non avendo mai studiato programmazione, il
mio approccio è solitamente abbastanza "duro"), devo ammettere di essermi
effettivamente divertito.
Colgo l'occasione per farti i complimenti per il sito, a mio parere uno dei
più utili mai visitati in vita mia e che spero di vedere sempre ricco di
contenuti.
Ciao e buona giornata!


 ha scritto nel messaggio >
Ciao,
scusate se mi intrometto. Ho visto il sito Constile. Posso chiederti come si
ottiene la possibilità di far cambiare grandezza al carattere?
Tutto coi CSS?
Grazie,
Daniele
--
-----------------------------------------------
Ludus: Vignette & Fumetti
http://www.ludus.info
-----------------------------------------------
"Tu guardi mai il Grande Fratello?"
"Sì. Ogni volta che tiro la catena."

 Tutto coi CSS?
ma va?
se usi i css per la formattazione di tutto e anche per il posizionamento dei
div... puoi cambiare tutto il sito aggangiando un diverso css..
--
Lino Mari [mod - it.economia.e-commerce]
http://www.ebow.it
 - e-business on web!
http://www.dev2dev.it
 - La rete ha connesso nuove particelle - d2D004
E' triste, ma la parte di azienda con cui i mercati vogliono parlare è
spesso
nascosta dietro una cortina di fumo, il cui linguaggio suona falso - e
spesso lo è.

 Daniele
Oltre a guardarlo, .ConStile avresti dovuto visitarlo ;-)
Sherzi a parte l'articolo (accessibile direttamente dalla home) è a
questo indirizzo:
http://www.constile.org/DHTML/ridimensionare_i_caratteri/
Come realizzare skin alternative (non solo font -- prova su
constile.org
):
http://www.constile.org/DHTML/skin/
Saluti