PDA

View Full Version : Scrivere sopra un'immagine

IoDaniela
20-04-2007, 17:14
Ciao a tutti..
è tutto il pomeriggio che tento e non riesco! Ho un'immagine in un tag <img>

voglio scrivere del testo sopra di essa .. voglio stampare il tutto .. ma non me la stampa se la metto nel Background della tabella. Perciò son costretta a far così mi aiutate?

Ho fatto ille prove .. ora son così


<div style="z-index:-1"><img src="UI/TuttoFoodIta2007/images/PrintBarcode.jpg"/>
<div style="z-index:1">
<table><tr><td>blablabla</td></tr></table>
</div>
</div>


AIUTATEMI!!:doh:
andbin
20-04-2007, 21:24
Ciao a tutti..
è tutto il pomeriggio che tento e non riesco! Ho un'immagine in un tag <img>

voglio scrivere del testo sopra di essa .. voglio stampare il tutto .. ma non me la stampa se la metto nel Background della tabella. Perciò son costretta a far così mi aiutate?Ti conviene usare la proprietà background con i CSS.

Se devi mettere una sola immagine in una sola cella, puoi usare uno stile inline:
<td style="background: url(blabla.gif);">

Altrimenti se la stessa immagine devi usarla per più celle puoi usare un ID o classe. Nel CSS metti ad esempio:
.miaimg { background: url(blabla.gif); }

e poi nel HTML metti:
<td class="miaimg"> ....... <td class="miaimg"> .......
IoDaniela
23-04-2007, 09:27
Grazie della risposta, ma avevo già provato a mettere l'immagine nel background della tabella. Però il browser non me la stampa.. dovrei modificare le impostazioni del browser. Ma poi tutti gli utenti come faranno? Nono.. io voglio che la stampi.. ma lo fa solo se è un'immagine ("<img>") come faccio? :(
MEMon
23-04-2007, 16:02
Prova così:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
.back_image{
position:absolute;
}

.over_text{
position:relative;
left:0px;
top:0px;
color:#FFFFFF;
font-weight:bold;
font-size:120%;
}
</style>
</head>

<body>
<br />
<br />
<br />
<br />
<div>
<img class="back_image" src="http://allejp.altervista.org/images/Adriana.Lima.png"/>
<label class="over_text">bla bla blaaaa va bene così?</label>
</div>
</body>
</html>