Scrivere del testo sopra un'immagine

[Saveh]

Buonasera, ho iniziato da poco a studiare html/css con l'aiuto di alcune videolezioni, mi trovo in difficolta` su COME realizzare quello che ho in mente, ossia:

Realizzare una semplice pagina index, con lo sfondo bianco, con una immagine e 2 link testuali dentro. Sembra facile a dirsi (e magari per chi e` competente lo e`) ma io trovo difficolta' perche` non riesco a scrivere i link SOPRA l'immagine.. quello che intendo fare e` riuscire a scrivere in QUALSIASI punto PRECISO della pagina, del testo. Riporto uno screen di come dovrebbe essere:

http://img401.imageshack.us/img401/6353/sitom.jpg

In questo esempio l'immagine e` impostata come sfondo proprio perche` altrimenti non riuscivo a scriverci sopra (le parole 'WELCOME' e 'BENVENUTI'), credo che si debba mettere il testo dentro una 'scatola' usando i div, ma non saprei come posizionarli esattamente.. non saprei le coordinate da dargli in pixel per far si che le scritte siano su quella precisa parte dell'immagine..

Volevo anche chiedere se e` conveniente ridimensionare l'immagine usando il CSS oppure conviene usare un programma di grafica e incollare l'immagine cosi` com'e`. Spero di aver spiegato bene il problema, grazie a tutti

[lollo10!]

Prova così:

<div style="background:url(linkimmagine.gif); position:relative;">
<div style="margin-left:10px; margin-top:10px; position:absolute;">TESTO1</div>
<div style="margin-left:10px; margin-top:10px; position:absolute;">TESTO2</div>
</div>

Cambia 10px con i pixels che vuoi di distanza dal margine alto e sinistro.
Per quanto riguarda il numero di pixels devi provare.

[Saveh]

ho provato ma non funziona lo sfondo cosi'! non visualizza l'immagine. Ho impostato lo sfondo nel body, ma facendo cosi' quando rimpicciolisco il browser la posizione del testo cambia, non rimane fissa sui punti specificati.. Credo che ho fatto qualche casino con position, l'idea mia era di creare 3 div, in uno c'e` lo sfondo e negli altri 2 il testo che deve stare in quella posizione esatta anche se si cambia risoluzione o se si ridimensiona il browser.. ma creando 3 div non mi imposta l'immagine di sfondo. ecco il codice:

codice CSS
codice HTML

nello screen del codice HTML c'e` un errore di battitura che ho corretto (nel riferimento al foglio di stile e nel titolo)

ed ecco gli screen:

come dovrebbe essere
ed invece come purtroppo e`

Sto leggendo la guida sul css ma sono un po' confuso sui div e sul tag position.. un aiuto sarebbe apprezzato

[lollo10!]

Ti consiglio di posizionare i due div con le scritte all'interno di due div con in codice che ti ho dato io, il background si deve vedere se inserisci il codice correttamente, aggiungi anche nello style del div le dimensioni width e height dell'immagine