mi chiamo Maicol e vi seguo da ormai un anno.
Oggi mi sono imbattuto su un problema strano
:devo creare una newsletter formattando la pagina in html. La mia newsletter contiene una immagine e sopra un testo. Il problema che si presenta è che il testo non va sopra l'immagine (magari io gli ho detto di andare 150px a destra e 200px dal top), ma si posiziona fuori dall'immagine subito sotto, come se fossero considerati due div.
Ho anche inserito lo style css nel codice inserendo il position absolute, ma nessun risultato.
La cosa più strana è che il codice html funziona bene se visualizzato su un qualsiasi browser, invece quando lo si apre dalla posta elettronica ho questo problema
Di seguito inserisco il codice html che ho utilizzato per la newsletter e se qualcuno riesce a dirmi come posso posizionare il testo sopra l'immagine gliene sarei grato.
- <html>
- <head>
- <style type="text/css">
- #content {margin:0 auto; padding:0; width:900px; min-height:1000px; top:0; }
- #content p {margin:0 0 15px 28px; padding:0; font-family:Tahoma, Geneva, sans-serif; color:#666666; font-size:12px; text-decoration:none;}
- #content p a:link, #content p a:visited, #content p a:hover, #content p a:active {font-family:Tahoma, Geneva, sans-serif; color:#404040; font-size:12px; text-decoration:none; font-weight:bold;}
- #footer {margin:10px 0 10px 28px; padding:0; width:800px; min-height:10px; }
- #footer a:link, #footer a:visited {font-family:Tahoma, Geneva, sans-serif; color:#0071BC; font-size:14px; text-decoration:none; letter-spacing:0.3px;}
- #footer a:hover, #footer a:active {font-family:Tahoma, Geneva, sans-serif; color:#0071BC; font-size:14px; text-decoration:none;}
- p {margin:10px 0 0 28px; padding:0; width:850px; font-family:Tahoma, Geneva, sans-serif; color:#808080; font-size:9px; text-decoration:none;}
- p a:link, #footer p a:visited {font-family:Tahoma, Geneva, sans-serif; color:#404040; font-size:9px;}
- p a:hover, #footer p a:active {font-family:Tahoma, Geneva, sans-serif; color:#404040; font-size:9px;}
- </style>
- </head>
- <body topmargin="0">
- <div id="content">
- <p>Se non visualizzi correttamente questa newsletter, <a href="http://www.ditieri.it/newsletter.html" target="_blank">clicca qui</a></p>
- <img src="http://www.ditieri.it/documenti/allegati/bg_ds.jpg" width="900" height="1300" />
- <div id="footer"><a href="http://www.ditieri.it/" target="_blank">Scopri tutte le offerte su http://www.ditieri.it</a>
- </div>
- <p>DI TIERI Società Uni personale a r. l. informa che la presente Newsletter è stata trasmessa in virtù del consenso al trattamento dei dati per finalità di marketing espresso in sede di registrazione sul sito <a href="http://www.ditieri.it/" target="_blank">www.ditieri.it</a>, oppure in occasione della sottoscrizione di un acquisto presso uno dei punti vendita appartenenti al GRUPPO DI TIERI. Le ricordiamo che potrà richiedere, in qualsiasi momento, la cancellazione del Suo indirizzo di posta elettronica dalla lista di distribuzione, qualora non fosse interessato a ricevere da parte delle società del gruppo Di Tieri ulteriori comunicazioni di carattere promozionale, inviando una e-mail a <a href="mailto:info@ditieri.it" target="_blank">info@ditieri.it</a> con oggetto: CANCELLAZIONE</p>
- </body>
- </html>
Grazie
