Dovrei creare una newsletter. Ho letto la guida html e css, ma non so come fare per inserire un testo all'interno di un'immagine. Per i link ho creato una mappa, ma per inserire il testo provo ad usare lo z-index ad entrambi i tag e poi con i position lo sposto. E' un procedimento corretto?
codice:
<style type="text/css">
.classe1 { position: static; margin-top: 50px; margin-bottom: 0px; z-index: 1;}
.classe2 { position: relative; left: 550px; bottom: 125px; z-index: 2; font-weight: bold; display:run-in;}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<center>
[img]img/proposta_1.jpg[/img]
<map name="link" id="link">
<area shape="rect" coords="55,525,108,580" href="http://www.tripadvisor.com/" title="TripAdvisor" alt="tripadvisor" target="_blank">
<area shape="rect" coords="247,970,368,978" href="mailto:info@ristorantetasso.com">
<area shape="circle" coords="512,972,17" href="http://www." title="None" target="_blank">
<area shape="circle" coords="477,972,16" href="http://www." title="Facebook" target="_blank">
<area shape="circle" coords="477,936,16" href="http://www." title="Twitter" target="_blank">
<area shape="circle" coords="512,936,16" href="http://www." title="Google+" target="_blank">
<area shape="rect" coords="48,780,153,799" href="http://www.tripadvisor.com/" title="TripAdvisor" alt="tripadvisor" target="_blank">
</area>
</center>
<pre class="classe2" align="left">
Contatti
Via colo
081121212
info@saldalsd </pre>
</body>