Immagine con stringa

[Calaf1966]

Qualcuno potrebbe aiutarmi a risolvere il seguente problema? E' una sciocchezza che mi stà facendo perdere un bel po' di tempo.

Ho bisogno di costruire un oggetto grafico di questo tipo:
Dove:
A = box contenente una immagine come sfondo (una sfumatura di colore ad esempio)
B = box contenente una seconda immagine come sfondo

Sia nel box A che nel B devo poter inserire dinamicamente una stringa
Nel caso i box fossero vuoti (nessuna valore inserito da programma), questi devono comunque essere sempre visibili.

+-------------+
|..................| A
+-------------+
|..................| B
+-------------+

Ora, io ho provato migliaia di modi differenti ma non sono riuscito a realizzare una cosa tanto semplice infatti:

1) Se A e B fossero DIV:
1.1) Se carico una immagine come sfondo questa non si vede fino a quando non valorizzo nel box qualcosa.
1.2) Se carico una immagine con il tag <IMG> non sono in grado di inserire una stringa nell'immagine stessa.

2) S A e B fossero <TD> di una tabella:
1.1) Avrei comunque gli stessi problemi di cui al punto 1 nel caricamento dell'immagine


C'è una buona anima che possa indicarmi la corretta via da intraprendere?

Grazie

[ricman]

Originariamente inviato da Calaf1966
1) Se A e B fossero DIV:
1.1) Se carico una immagine come sfondo questa non si vede fino a quando non valorizzo nel box qualcosa.
1.2) Se carico una immagine con il tag <IMG> non sono in grado di inserire una stringa nell'immagine stessa.

Eh????
Non sono sicuro di aver capito tutto quello che hai scritto....
Quello che ti posso dire è che il div deve avere delle dimensioni precise... a prescindere dall'esserci una img o meno...

[Calaf1966]

Non ho capito cosa non hai capito. Ho riletto il tutto e mi sembra impeccabile.
Comunque vorrei evitare di definire una precisa grandezza del DIV perchè non vorrei avere problemi con le differenti risoluzioni del monitor.
Comunque anche se definisco una dimensione precisa, il DIV non mi mostra il background se non contiente nulla. Per mostrarmelo deve contenere una stringa, una parola, anche solo una lettera. Ma in quest'ultimo caso, pur avendo il DIV dimensioni maggiori della singola lettera, il background si mostrerebbe solo come sfondo della singola lettera.
Insomma, come si fà a mostrare il background di un DIV anche se in questo non viene inserito del testo?

[ricman]

Originariamente inviato da Calaf1966
Comunque anche se definisco una dimensione precisa, il DIV non mi mostra il background se non contiente nulla. Per mostrarmelo deve contenere una stringa, una parola, anche solo una lettera.

Il div, di default, è display:block. Significa che si adatta in larghezza alle dimensioni del suo contenitore. Quindi non importa impostargli una larghezza.
Basta che gli imposti un altezza, tanto il sito mica lo farai adattare in altezza, no?
In questo modo non hai bidogno di metterci "una lettera"...

[Calaf1966]

Sì, ma tutto questo non centra nulla con il problema sollevato.
A me serve una cosa ben precisa: ciò che ho esaurientemente descritto nel primo messaggio.
Vediamo se riesco ad essere più sintetico così da non dovere mettere a dura prova l'attenzione dei lettori:

a me serve costruire un nodo che:

consenta di ospitare una immagine (anche come background) e un testo determinato dinamicamente. L'immagine deve apparire anche quando non è presente alcun testo.

Il concetto è semplicissimo, non potrei essere più stringato di così. Ma credo che questa trappola di Html ,CSS e Javascript abbia un forte limite nella gestione della grafica.

Grazie per la pazienza, ciao.

[oskaron]

bhe da quel che ho capito

mioDiv{height:50px; width:50px; background:url(miaUrl);}

<div id="mioDiv"></div>

eventualmente per ricaricare la stringa dinamicamnete con javascript

document.getElementById('mioDiv').innerHTML = "ciao";

[Calaf1966]

Sì, il problema è che come già descritto nel messaggio iniziale, se uso un DIV , l'immagine in background non appare se non si scrive qualcosa nel DIV. Invece ho bisogno che l'iimagine sia sempre presente anche senza alcuna testo in esso inserito.
A nulla serve stabilire la dimensione del DIV in quanto comunque non apparirà nulla fino a quando non verrà inserito un testo.
Solo un IMG permetterebbe di visualizzare l'immagine senza testo. Peccato che in un IMG non credo si possa inserire una sola lettera.
Dunque come dovrei fare per far apparire 2 riquadri verticali adiacenti e contenenti una immagine anche in assenza di testo ma con la possibilità di inserirlo?
E' importante che l'immagine sia ben visualizzata anche in assenza di testo.

[oskaron]

a me non risulta che deve avere del testo, se tu gli imposti le dimensioni a un div lui viene visualizzato, almeno a me su firefox fa cosi, anche senza dtd

[ricman]

Originariamente inviato da oskaron
a me non risulta che deve avere del testo, se tu gli imposti le dimensioni a un div lui viene visualizzato, almeno a me su firefox fa cosi, anche senza dtd

Beh... il codice che gli hai passato tu è quello che avevo detto io a parole.
Adesso siamo un due a dire la stessa cosa!!