Newsgroup: it.comp.www.html
Titolo: Gradiente in una cella (lunghino)

Buongiorno a tutti, dopo ore di ricerche infruttuose sul web non mi resta
che provare a chiedere in giro.
Premetto che di HTML non so una favazza, e questo è il mio primo tentativo
serio, se si escludono un paio di giochini con word->save as->HTML.
Per ora uso Kompozer su Linux, ma all'occorrenza posso usare Quanta o
qualsiasi altro sw, tanto per me sono tutti nuovi.
Vorrei realizzare una pagina in cui compare un'immagine al centro che si può
immaginare come un gradiente verticale moltoscuro-chiaro-scuro.
Vorrei far si che il gradiente sia in tutta la finestra e prescindere da
come questa viene dimensionata.
Per fare ciò ho pensato a una tabella di 2 righe e 3 colonne (ho letto
qualcosa del genere in giro).
La tabella è posta al 100% della dimensione della finestra, e ha bordi ecc.
a "0" (zero).
La cella centrale della prima riga contiene l'immagine in questione: altezza
e larghezza della cella sono fisse.
Le due celle ai lati sx/dx hanno fissa solo l'altezza.
Le 3 celle in basso, eventualmente riunite in una, contengono il colore
finale del gradiente: la loro altezza non è fissa, ma insieme riempiono in
orizzontale il 100% della tabella.
La due celle laterali della prima riga conterrebbero un'immagine larga un
pixel (in realtà è larga 10 pixel per velocizzare un po', tanto rimane
sempre sotto 1K) e lunga quanto il gradiente che dovrebbe essere ripetuto
fino al riempimento dello sfondo della cella (per la cronaca: 10 x 600
pixel).
Nella mia mente (probabilmente malata), il ridimensionamento della finestra
dovrebbe provocare il ridimensionamento di quelle celle le cui simensioni
sono modificabili in altezza e/o larghezza, e che fornirebbero il "padding"
necessario a riempire tutta la finestra.
Quando le dimensioni della finestra diventano inferiori a quelle
dell'immagine centrale, succede qualcosa tipo apparizione delle scroll-bar.
Sono riuscito a creare degli "stili" (???) tali per cui il gradiente si
presenta come dovrebbe... ma solo nella finestra di impostazione. Infatti,
non ho trovato uno straccio di modo per applicare lo stile alla casella che
mi interessa: tutti gli esempi sono riferiti al <body>.
In realtà credo che mi servano 3 stili: gradiente sx, immagine centrale e
gradiente dx, ognuno con la sua immagine di background, il suo riempimento e
"tile".
Solo che non sono riuscito a dire al sistem "questo stile si applica a
questo tipo di oggetti" e, poi, a dirgli che le varie caselle sono di questo
o quall'altro tipo.
A questo punto ecco le domande:
1. quello che ho in mente è effettivamente realizzabile con qualche
accrocchio HTML? Se non lo è, studio una grafica differente, dato che non
conosco editor FLASH free su Linux. Oppure esistono sistemi non-HTML e
non-FLASH? Insomma, che possa realizzare su Linux.
2. se lo è, il mio sistema va bene o ce ne sono di più semplici? (tenete
presente che uno sfondo uniforme non va bene perché in diverse aree
differirebbe dalla tinta del gradiente)
3. se il mio sistema va bene, come faccio a dire alla tabella che per favore
vorrei che la cella avesse quella particolare immagina ripetuta
orizzontalmente?
Spero di essermi capito abbastanza, altrimenti provo a spiegarmi meglio.
Grazie comunque della pazienza
C.
PS: spero di non averle sparate troppo grosse, ma in tal caso spero almeno
di avervi messo di buon umore :)
--------------------------------
Inviato via 
http://arianna.libero.it/usenet/
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 di avervi messo di buon umore :)
Sto ancora ridendo :-)
Dunque, forse sono io che non ti seguo.. ma se ti riesce, fornire un
link a duna paigna che faccia qualcosa tipo quello che vuoi tu... o
anche un immagine forse č meglio...
Postare il codice di quello che hai fatto finora aiuterebbe... e
studiarti i CSS pure :-)


 accrocchio HTML?
Per creare delle sfumature in HTMl devi usare delle immagini di sfondo, 
che non sono ridimensionabili solo via CSS.
Puoi usare javascript, in vari modi. Qui trovi un esempio "estremo":
http://slayeroffice.com/code/gradient/
Se conosci il linguaggio puoi anche usare metodi più semplici e "su misura".
Ciao,
Paolo
