Olimpo Informatico

[Gae58]

salve sono un nuovo membro di questo gruppo ed un neofita nella realizzazione di pagine web.

Mi sto sforzando di realizzarle table-less, con i div.

Un problema che ho riscontrato é questo:
- In un DIV pensavo di utilizzare la proprietà: background-image: url(file: Img/CartaVecchia.jpg);
per poter far visualizzare una immagine come fondo, ma non mi funziona.
Ho provato col colore e funziona.
Forse Non é possibile utilizzare un'Immagine come sfondo?

Gaetano

[horus]

Sì, è possibile. Controlla che il percorso sia relativo al file css altrimenti non trova l'immagine (è l'errore che facevo spesso io).

Ho detto giusto, vero Reb?

[Gae58]

Il percorso é esatto, tieni presente che ho fatto una prova anche con il color-background() e mi funziona.
Ti ciene in mente qualche altro suggerimento?
Ti ricordo che l'immagine é una jpg
ciao

Gaetano

[SverX]

[horus]

per quanto riguarda il jpg non importa, basta che sia un'immagine.

la sintassi corretta per il CSS è:

[rebelia]

ciao gae, ben arrivato

confermo tutto quanto scritto da horus e da sverx: se la sintassi e' corretta (file: non ci va), il percorso e il nome dell'immagine pure, dovrebbe funzionare

non so se gia' ti e' capitato di usarli, ma nel caso tu debba ripetere l'immagine una sola volta, aggiungi no-repeat e dai le coordinate (top left oppure center right etc) oppure se la devi ripetere solo in verticale o orizzontale scrivi repeat-y (o repeat-x a seconda)

edit: non solo E' POSSIBILE usare un'immagine come sfondo, ma quando si puo' fare e' anche PREFERIBILE all'immagine caricata nel modo classico tramite il tag <img>

uno dei trucchi usati (anche nel sito di zeusnews) e' quello di usare la decorazione come background del div e il logo come immagine inserita in modo classico, cosi' se l'utente disabilita i css per qualche motivo, continuera' a vedere il logo che - come ormai e' quasi convenzione in rete - potra' essere usato anche come tasto veloce per ritornare alla home

[Gae58]

ringrazio tutti per la cortesia e la competenza usata nel rispondermi, l'errore, come indicata da rebelia, é dato da file:, si vede che quando é presente ha bisogno dal path assoluto.

Di nuovo grazie a tutti e scusatemi per l'errore inserito
Gaetano

[rebelia]

[Gae58]

mi sono espresso male, ho tolto la scritta file in modo da avere il path relativo come da te consigliato.

Se non ti disoiace, avrei un'altra domanda da farti.

Nella stessa pagina web, nel CSS ho creato una proprietà ColSx e nell'html. vi faccio comparire l'immagine.
Pensavo di poter inserire l'immagine direttamente nel CSS, visto che é sempre la stessa.

Il div ha già le sue proprietà di Top, left e width, manca solo l'altezza.

Ho provato a mettere in background-image il file, ma mi viene visualizzato solo un striscia in alto. Forse devo mettere obbligatoriamente l'altezza?

Io pensavo che succedesse come per le scritte, cioé l'alteza dl div é data direttamente dal N° delle righe che scrivo

ciao e grazie

Gaetano

[juzo kun]

[horus]

[juzo kun]

Esatto!

Si può anche impostare un'altezza minima, in modo che il box abbia un'altezza data ma poi si espanda se vengono aggiuti contenuti che lo fanno sforare da questa altezza.

Il modo di interpretare le proprietà relative è diverso fra le due classi di browser più usate (gecko e IE... indovinate un po' chi sbaglia dei due) ed è descritto molto bene in questo articolo (fonte: constile.org)

Cià
JK

[Gae58]

le Vs risposte mi sono chiare, quello che non mi é chiaro, a questo punto, é se mi conviene usare l'immagione con la proproetà background-image con un'altezza fissa.
Oppure inserire l'immagine nel CSS con la proproetà image (se si può fare) ed il relativo dimensionamento in automatico

spero di essere stato chiaro

Gaetano

[rebelia]

c'e' un valore interessante che e' il min-height, ma ie (sic!) non lo supporta, quindi - ammesso che si parli di un sito relativamente piccolo e/o con un numero di pagine corte contenuto, creo una classe con il solo padding-bottom di una quantita' di pixel sufficiente e la aggiungo al div "incriminato" nelle pagine in cui il contenuto non e' sufficiente (in questo caso) a mostrare l'immagine di background