Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Problemi visualizzazione Newsletter su Android

    Ciao a tutti,
    premetto che sono un dilettante.
    Ho realizzato una newsletter in Css che viene correttamente visualizzata su vari Client Desktop (Outlook, Thunderbird, etc...), ma da problemi su alcuni servizi di posta per Android.
    Il problema, in particolare, è relativo a z-index che non viene correttamente interpretato.
    Cosa posso fare?
    Grazie a tutti e Buon 2020!
    Rebirthing - Respirare meglio per sviluppare benessere

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,712
    Ciao, purtroppo z-index non è supportato da diversi client di posta, puoi verificare qui:
    https://www.campaignmonitor.com/css/...splay/z-index/

    Che io sappia non hai tanta scelta se non quella di non usare tale proprietà. Nel caso, dovresti rivedere il layout per fare in modo di risolvere senza l'utilizzo di proprietà mal supportate. Posta eventualmente un codice di esempio se ti serve ricevere aiuto per capire come poter adeguare al meglio l'impostazione del layout.

    Consiglio inoltre di dare uno sguardo al capitolo 8 dei link utili CSS, sotto la voce "Email" puoi trovare vari riferimenti interessanti.

    Buon ventiventi anche a te
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  3. #3
    Grazie KillerWorm per la celere risposta e per le risorse che hai suggerito, ho cominciato a studiare, ma intuisco che è una giungla ;-)

    Qui di seguito il codice che ho scritto:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>2020, si ricomincia</title>
    </head>
    <style>
    <style>
    #contenitore {
    width:1240px;
    height:1754px;
    margin:auto;
    }
    #sfondo {
    position:absolute;
    z-index:2;
    visibility:visible;
    }
    #foto{
    position:relative;
    width:900px;
    height:600px;
    margin-top:150px;
    margin-left:340px;
    float:left;
    z-index:-1;
    visibility:visible;
    }
    #box-text-1 {
    position:absolute;
    width:850px;
    height:300px;
    margin-left:20px;
    margin-top:500px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:12px;
    z-index:3;
    }
    #footer {
    position:absolute;
    width:1240px;
    margin-top:1754px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:10px;
    }
    </style>
    <body>
    <p style="text-align: center;">Se non visualizzi correttamente questa newsletter, <a href="#">clicca qui</a></p><div id="contenitore"><div id="sfondo"><img src="content/newslt_yogamandir_new.png?_d=505&_c=93ad7500" width="1240" height="1754" /></div><div id="foto"><img src="content/sassi2.jpg?_d=505&_c=060f28b6" width="900" height="600" /></div><div id="box-text-1">
    Rebirthing - Respirare meglio per sviluppare benessere

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.