Newsgroup: it.lavoro.professioni.webmaster
Titolo: css testo sopra immagine nei div

il risultato a video deve essere una immagine sotto
con una scritta sopra;
si deve poter regolare lo stile della scritta :
esattamente la sua posizione, dimensione etc..
N.B. l'immagine non deve essere messa come stile background in quanto
deve essere l'immagine a determinare la dimensione del div e non il 
testo, quindi credo vada inserita come <img src="foto.jpg">.
pero' poi come si fa ad avere la scritta sopra ?
grazie

 ha scritto nel messaggio
news:V_B6d.23423$35.11...@news4.tin.it...

Prova questo esempio, č esattamente quello che vuoi ottenere tu!!
(la prossima volta cerca prima su google...;-) )
Codice html:
<html>
<head>
<title>test immagine</title>
<head>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="testo">testo scritto</div>
<div id="immagine"><img src="immagine.jpg" width="200" height="200" alt=""
/></div>
</body>
</html>
Codice CSS:
#immagine {
 position: absolute;
 z-index: 0;
 top:10px;
 left: 10px;
}
#testo {
 position: absolute;
 z-index: 1;
 top:30px;
 left:30px;
 color:#FFFFFF;
}
-- 
===============
Saluti
Web Inside
===============

grazie, ora provo, credo che vada bene; non avevo pensato
all'uso del position absolute.
che tu sappia è supportato da tutti i browser?
per quanto riguarda z-index preferisco nonusarlo per il fatto che per 
alcuni browser so che non è supportato; credo posso risolvere mettendo
il div immagine per primo.

 />    </div>
e qui su img hanno una funzione particolare ?

 il div immagine per primo.
E se al posto di urare i CSS usi la funzione imagettftext di PHP che ti
inserice il testo all'interno di un'immagine???
Io non scarterei questa opzione che trovo molto comoda...


 ha scritto nel messaggio
news:QCD6d.15602$75.6...@news3.tin.it...

E' il tag di chiusura di <link> e <img> che va utilizzato quando il codice
segue lo standard XHTML


 inserice il testo all'interno di un'immagine???
thank per la segnalazione solo che php ancora passo ai primi echo.
riguardo la soluzione da te indicata in cui ho due div, assoluti mi 
interessava una soluzione in cui la posizione del div del testo è
relativa al div immagine che a sua volta pero' possa essere messa in
una qualunque cella di una tabella; mi spiego meglio:
ora se ho:
body
   cella 1
   cella 2
   cella 3
body
se metto div immagine dentro cella 2 in realtà con
le position absolute non rimane dentro ma ha come riefrimento il body;
ora io inserisco il div immagine dentro cella 2 senza usare la position 
absolute e quindi rimane dentro pero' poi div testo affinche possa 
andargli sopra devo usare position absolute i cui valori pero' non
sono riferiti alla cella 1 ma a tutto il body: mi interessava far 
riferire tali valori assoluti solo alla cella 2 in modo che se la cella 
2 si abbassa perchè aumenta cella 1 l'immagine si abbassa (questo perchè 
non ho usato la pos absolute) ma il testo non lo segue in quanto il suo 
riferimento è il body.

 una qualunque cella di una tabella;
Consiglio: o le tabelle o i <div>...ti eviti molti grattacapi...
Per fare quello che vuoi tu devi usare il position:relative il quale prevede
il posizionamento dall'inizio del div.
