tag img e background-image

[yag]

salve ho un problema

dunque ho un div gli imposto lo sfondo con background-image
dentro ci metto del testo imposto le dimensione del box
ci metto un tag img


risultato
ie:
tutto ok vedo sfondo immagine e testo

mozilla:
vedo testo immagine ma lo sfondo no
come mai ?

[Mich_]

Ci possono essere vari motivi, tutti legati al fatto che FF/Moz richiedono una sintassi piu` corretta.
Esempio:
- i path sono corretti? (i path relativi richiamati dal CSS devono partire dal CSS, non dalla pagina HTML)
- ci possono essere problemi di maiuscole/minuscole?
- anche la sintassi del CSS deve essere corretta: background-image: url(path/nomefile.est);

[fcaldera]

forse la cosa migliore è postare un esempio di codice con css inline da poter vedere/provare. Senza si può solo tentare di indovinare il problema...

Ciao

[yag]

Originariamente inviato da fcaldera
forse la cosa migliore è postare un esempio di codice con css inline da poter vedere/provare. Senza si può solo tentare di indovinare il problema...

Ciao

<div style='background-image:url(immagini/fondo.jpg);
background-repeat:repeat-x;
height:301px;
width:300px;
background-color:Red'>
testo potrebbe anche non esserci
[img]immagine.jpg[/img]
</div>

ecco l'esempio concreto.

[indigoindigo]

penso che la soluzione sia invertire di posto background-image e background-color, in quanto, se non vado errato, nel CSS ogni informazione successiva sovrascrive quella precedente..

[yag]

Originariamente inviato da indigoindigo
penso che la soluzione sia invertire di posto background-image e background-color, in quanto, se non vado errato, nel CSS ogni informazione successiva sovrascrive quella precedente..

nada niente

[xArgo]

forse neanche influisce sul risultato ma forse è più corretto nell'attributo style='...' usare il punto e virgole anche al termine dell'ultima proprietà CSS...
tanto per essere pignoli

[fcaldera]

assicurandoti che il percorso all'immagine sia corretto, puoi scrivere così:

<div style="background: #F00 url('immagini/fondo.jpg') repeat-x; height:301px; width:300px;">
[img]immagine.jpg[/img]
</div>

[yag]

Originariamente inviato da fcaldera
assicurandoti che il percorso all'immagine sia corretto, puoi scrivere così:

<div style="background: #F00 url('immagini/fondo.jpg') repeat-x; height:301px; width:300px;">
[img]immagine.jpg[/img]
</div>

NESSUNO dei due cmq ho risolto era un mio problema di codice