[CSS] sfondo "div"

Salve... ho messo in un css questa cosa:

div#testo {
margin-left: auto;
margin-right: auto;
width: 80%;
text-align: center;
padding: 1em;
overflow: auto;
background-image: url (grafica/sfondo2.gif);
font-family: Verdana;
font-size: 12px;
color : #000000;
}

solo che andando poi a vedere, non mi prende l'immagine di sfondo quindi ho pensato che non fosse corretto.
Esiste una funzione che xmetta di dare un'immagine di sfondo a un div senza usare i colori esadecimali?
Grazie :-)

Allora... intanto devi riscrivere il CSS così:

.testo {
text-align: center;
padding: 1em;
overflow: auto;
font-family: "Verdana";
font-size: 12px;
color : #000000;
}

Nella pagina HTML devi fare così:

<div class=testo>TESTO</div>

Attenta, perchè gli attributi
background-image
margin-left: auto;
margin-right: auto;
width: 80%;

li devi inserire nella classe CSS della tabella...

non ho capito niente... cioè, devo fare una tabella?
Cioè, quello che mi hai scritto tu, è una tabella?

Spiegami bene ciò che vuoi fare perfavore...

LOL

scusa, hai ragione...

Dunque io ho creato un css con lo sfondo url nel "body"...

Poi ho necessità, ovviamente, di mettere un div ed quello che ho inserito a inizio messaggio. Questo div dovrebbe avere uno sfondo a parte e mi hanno chiesto di usare una sfumatura, per cui io ho creato lo sfondo come gif con photoshop solo che se lo inserisco nel div come background-image: url (grafica/sfondo2.gif); non me lo prende...
Quindi mi chiedevo se fosse necessario fare una tabella o se esiste un modo x fare prendere al div lo sfondo "immagine".

EDIT:

Il css è questo:



A:LINK{
text-decoration : none;
color : #ffffff ;
}

A:VISITED{
text-decoration : none;
color : #ffffff;
}
a:hover{
text-decoration: overline underline;
color : #ffffff;
font weight : bold;
}

body {
font-family: Verdana;
font-size: 14px;
color : #FFFFFF;
background-image : url(grafica/sfondo.gif);
text-align: center;

}

div#testo {
margin-left: auto;
margin-right: auto;
width: 80%;
text-align: center;
padding: 1em;
overflow: auto;
background-image: url (grafica/sfondo2.gif);
font-family: Verdana;
font-size: 12px;
color : #000000;
}




.firma {
font-family : Verdana;
color : #ffffff;
font-size : xx-small;
text-align : center;
font-weight : normal;
}

Allora... ti conviene fare una tabella... cmq per sicureza, sul mio sito, vai nella sezione italiana e guarda come inserisco io le news... se devi fare una cosa del genere, ti passo il mio codice css...

http://mksoftware.altervista.org/lang_ita/index_ita.php

scusate se m intrometto... il div sarebbe come una "tabellina" invisibile?

Ho guardato. Sì, + o - è una cosa del genere...
Proprio non c'è modo di dare uno sfondo al div? devo x forza fare una tabella?
sigh

scusate se m intrometto... il div sarebbe come una "tabellina" invisibile?

sì se guardi sul mio sito e guardi la parte bianca nel centro, quello è un div

Va bene, dammi il tempo di battere il codice per il div

.testo {
margin-left: auto;
margin-right: auto;
width: 80%;
text-align: center;
padding: 1px 1px 1px 1px;
overflow: auto;
background-image: url ("grafica/sfondo2.gif");
font-family: Verdana;
font-size: 12px;
color : #000000;
}

Il codice che avevi scritto andava bene per il div ma non per il testo...

scusate se m intrometto... il div sarebbe come una "tabellina" invisibile?

il div è un contenitore con regole stilistice gestite dai css, per questo una pagina
può essere fatta di soli div sanza altri tag: si racchiude la parte in un div e gli si assegna una classe o un id e poi dal foglio di stile si gestiscono tutte le proprietà

non è assolutamente necessario creare una tabella per dare uno sfondo a un div
piuttosto controlla che il file linkato esista
magari dacci il link alla pagina in questione
;)

ma creare una tabella o una serie d div che differenza fa??

(chiedo scusa a Lilafel se m sn intromesso)

Extralife credo volesse dire che il div nel caso di lilafel sarebbe dovuto essere una tabella invisibile (effettivamente è così)

Io non volevo dire che epr mettere lo sfondo serve una tabella... bensì ho detto che per mettere al testo uno sfondo serve una tabella... lo so benissimo che anche con i div si fa senno non sarei qui a rispondere al post....

Extralife, è grazie agli interventi di tutti che si risolve il problema...

No... non viene... ti ringrazio mi sa che dovrò abbandonare l'idea :-(

Ma se fai con il mio codice? Io uso dei div e mi viene benissimo

ma creare una tabella o una serie d div che differenza fa??

(chiedo scusa a Lilafel se m sn intromesso)

Le tabelle vengono visualizzate correttamente con IE, ma so che con altri browser vengono fuori dei gran casini...
Per questo è meglio utilizzare i div...

Tieni presente che io li utilizzo, grazie a CoD che ha avuto la pazienza di insegnarmi, da un paio di settimane.

Io ho messo il tuo codice al posto del mio div
ho lasciato solo div#testo {

Ho sbagliato?



p.s. Ma quanta pazienza hai? io mi sarei già tirata una randellata in testa :-D

grazie Lilafel, era qst che nn m spiegavo (come mai esistessero due comandi con funzioni uguali)
:grin:

ma creare una tabella o una serie d div che differenza fa??

creare tabelle è scrivere codice in html
l'uso intensivo dei div è XHTML

bensì ho detto che per mettere al testo uno sfondo serve una tabella

OLD errato..

comunque i miei sono solo consigli, non voglio mancare di rispetto a nessuno :grin:

Beh, il nome che hai inserito può causare problemi perchè con # nei CSS si descrivono gli ID e con . le classi. Evita di scrivere segni inutili, piuttosto chiama la classe div_testo

Non viene.. mi arrendo

Scusa, è impossibile... a me viene e a te no? Perchè non provi a cancellare le cache del browser? Guarda ke se viene a me deve venire pure a te... x forza

strasigh!!!

ti ho mandato l'url in mp

Fermi tutti!!! Mi pare un casotto...

scusare ma se invece di mettere lo sfondo al testo (div#testo) lo metti al div creando una classe tipo (.cella) e poi applichi la classe al div (<div class="cella">) dovrebbe funzionare!!! Se lo sfondo è un'immagine con determinate dimensioni è chiaro che all'allungarsi del testo dopo un po' salta... a questo si ovvia, se l'immagine è ripetibile, con l'attributo -- backgroud-repeat: repeat-y --

Ciao

anche io ho più o meno lo stesso problema. sul mio sito ho un'immagine come header, e vorrei usare un div per metterla, es

<div id="header"></div>

ma anche usando l'attributo background-image: url(); non mi viene.

ho allora usato un semplice tag img etc. ma mi cruccia perché se usassi un div potrei poi fare uno switcher in php per cambiare gli stili al volo, invece così ho un tag fuori dei div che non posso eliminare se non proprio cancellandolo a mano.

comunque nel tuo codice css mi sembra ci sia un errore: non devi mettere div#nome per poi usare nell'html id=nome

ma solo #nome

a meno che tu non l'abbia messo qui per far capire che lì iniziava.

io ho pensato che se il div ha quello sfondo, bisogna comunque metterci dentro qualcosa, del testo o qualcosa d'altro. penso, ma non sono sicuro.

io ho pensato che se il div ha quello sfondo, bisogna comunque metterci dentro qualcosa, del testo o qualcosa d'altro. penso, ma non sono sicuro.

Vero, a meno che tu non imposti le dimensioni nel CSS!
Comunque non capisco perchè non avete provato ad usare una classe...

se posti il link alla pagina il problema potremmo risolverlo più velocemente

Il link è questo

Io ho creato, come sfondo, un'immagine 10x1600 px

E non riesco a inserirla, andrebbe lì al posto di quella cacchetta rosa-marroncina...

allora il fatto è che ti SEMBRA di non vedere l'immagine che hai disegnato
infatti essendo di 1600px di altezza occupa 2 schermi e mezzo!
poichè viene troncata non si riesce a vedere il gradiente

la prova la hai se provi a mettere questo nel css

div#testo {
height: 1600px;
margin-left: auto;
margin-right: auto;
width: 80%;
text-align: center;
padding: 1em;
overflow: auto;
font-family: Verdana;
font-size: 12px;
color : #000000;
background-image: url(grafica/sfondo2.gif);
}


non ti rimane che ridimensionare l'immagine ( piu o meno 200px)
e lasciare come sta il css che hai scritto
;)