Notizie: puoi sempre seguire i nostri aggiornamenti su Twitter (@MozillaItalia) e Facebook (/MozillaItalia)

Autore Topic: Perché la risposta ad una mail comincia all'estrema sinistra della pagina?  (Letto 323 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline RickyCast

  • Post: 23
Buongiorno.
Sto preparando una mail con la quale invito gli utenti a mandarmi una specifica risposta.
Per prova ho mandato a me stesso questa mail (da un diverso account) e quindi ho fatto Click sul pulsante "Rispondi".
Ovviamente funziona e mi consente di inviare qualsiasi risposta, solo che la risposta inizia all'estremo limite sinistro della pagina: è piuttosto brutto da vedere e la mia è una Mail commerciale ...
Da cosa può dipendere?
Grazie

Offline next

  • Post: 3273
Da cosa può dipendere?

Dal modello HTML che stai usando?
Più in generale è difficile rispondere "alla cieca" su questione legati al layout...

Offline RickyCast

  • Post: 23
Io utilizzo SendBlaster per inviare Mail multiple e personalizzate ma la Mail la preparo in HTML tramite Dreamweaver.
Quindi il modo con il quale è costruita la mail, dipende da me; probabilmente nello script HTML ho (o non ho) introdotto qualche Markup che determina il fenomeno descritto.
Si tratta di capire questo, quindi?
Se necessario posso allegare il codice.

Offline miki64

  • Moderatore
  • Post: 35996
Se necessario posso allegare il codice.
Usa il tag code (l'icona con l'asterisco).
E magari inviaci pure un'immagine del problema, grazie.
Come inserire immagini nei post


--
- Thunderbird fa tante cose per te. Fai una sola cosa TU per Thunderbird

Offline RickyCast

  • Post: 23
Codice: [Seleziona]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:'Book Antiqua', Geneva, Georgia, Helvetica; font-style:italic;
}

</style>
</head>
<body>

    <div style=" margin:auto; margin-top: 25px; width: 300px; height:auto;"><img src="http://www.sistemax.it/MailImage/Logo_BIG.jpg" alt="Logo Sistemax" border="0" align="middle" height="77" width="280"/>
    </div>
    <div style="position:relative; margin-top: 20px; width:660px; margin:auto; border: 0; padding: 10px 0 0 20px;color: rgb(21, 66, 71); font-size:17px; line-height:21px; font-style:italic;">
    <div style=" position:relative; margin-top: 20px; line-height:21px;">22 maggio 2023</div>
        <div style=" line-height: 5px;"> &nbsp; </div>
<div>Spett.:</div>
        <div style=" line-height: 15px;"> &nbsp; </div>
<div>Gentile Cliente,</div>
<div style=" line-height: 5px;"> &nbsp; </div>
        <div style=" line-height:21px;">Abbiamo il piacere di presentarle la <b>PROMOZIONE <span style=" font-size:24px;">"Rotorbitale Palmare"</span></b>:</div>
        <div style=" line-height: 3px;"> &nbsp; </div>
        <div style=" line-height: 6px;"> &nbsp; </div>
        <div align="center"><img src="../Immagini/PROMO-Rotoorb75.png" width="660" style=" border:#00CC00 solid 1px;"></div>
  <div style=" line-height: 6px;"> &nbsp; </div>
        <div style=" line-height: 3px;"> &nbsp; </div>
       
        <div align="center" style=" line-height:21px;">Acquistando sei confezioni da sei Litri <span style=" font-weight:bold; text-decoration:underline">a scelta</span> fra i Prodotti:</div>
        <div align="center" style=" font-size:18px; font-weight:bold; margin-top:10px;">Polish Rosa N°5 - Polish Giallo N°9 - Polish Superprotettivo N°95</div>
        <div align="center" style=" font-size:18px; font-weight:bold; margin-top: 5px;">Plasto Magic N°47 - KTX Polish Pasta N°62 - Pasta Alte prestazioni GSS</div>
        <div align="center" style=" margin-top:10px;">in Omaggio una &nbsp;<b>CARTEGGIATRICE ROTOORBITALE PALMARE &Oslash; 75mm</b>.</div>
       
        <div style=" line-height: 8px;"> &nbsp; </div>
        <div>La <b>PROMOZIONE</b> è valida fino al <b>30 giugno 2023</b>: non perda questa occasione!!</div>
       
        <div style=" line-height: 8px;"> &nbsp; </div>
        <div style=" line-height:21px;">Per qualsiasi informazione non esiti a chiamarci allo <span style=" font-weight:bold;">011 9412403</span></div>
        <div style=" line-height: 3px;"> &nbsp; </div>
        <div style=" line-height:21px;">Restiamo in fiduciosa attesa dei suoi graditi Ordini,</div><br>
        <div style=" line-height: 3px;"> &nbsp; </div>
        <div style=" line-height:21px;">SISTEMAX ITALIA S.r.l.</div>
    </div>
   
    <div style=" margin:auto; margin-top: 10px; margin-bottom: 60px; position:relative; top: 10px; height: auto; width: 620px; font-family:'Book Antiqua', Geneva, Georgia, Helvetica; font-style:italic; font-size:12px; font-weight:bold; text-align:center;color:#333333;">SISTEMAX ITALIA S.r.l. - Corso Torino, 78 - 10023 CHIERI (TO) ITALY - Tel.: +39 011 9412403</div>
</body>



Spero vada bene.

Offline RickyCast

  • Post: 23
Mentre scrivevo la risposta precedente mi è cascato l'occhio sulle prime righe:

Codice: [Seleziona]

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;


Bastava modificare "margin-left: 0px" in "margin-left: 15px" perché la risposta si posizionasse esattamente 15px più a destra di prima.
Idem se si vuole ch vada più in basso, con "margin-top: 0px"
Facile, a posteriori, ...
Grazie comunque e cordiali saluti.

Offline next

  • Post: 3273
[EDIT] ops... vedo che abbiamo postato quasi in contemporanea :)


Il problema è potrebbe essere legato a questo spezzone di codice CSS
Codice: [Seleziona]
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:'Book Antiqua', Geneva, Georgia, Helvetica; font-style:italic;
}

Questo codice azzera i margini dal bordo per tutto il documento.
Nella mail iniziale questo non è un problema perché tutto il testo e le immagini sono incluse nel
Codice: [Seleziona]
<div style=" margin:auto; margin-top: 25px; width: 300px; height:auto;">che centra il contenuto nella pagina

Quando rispondi invece il testo della risposta è posto al di sopra di questo elemento div per cui viene allineato a sinistra ed usa un margine zero come specificato nel CSS.

Prova a mettere i valori dei margini a 5 o a 10 pixel e vedi se va meglio:
Codice: [Seleziona]
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
« Ultima modifica: 19 Febbraio 2024 16:42:59 da next »

Offline RickyCast

  • Post: 23
Grazie per la vostra risposta dettagliata.
Avevo visto anch'io quei tag (vedi mia precedente risposta): ho provato a correggere la mail, ad inviarmela e a rispondere. La risposta va esattamente dove si desidera.
Saluti.

Offline RickyCast

  • Post: 23
Magari devo aprire un nuovo Topic, ma ci provo ugualmente.
L'appetito vien mangiando, e quindi adesso mi domando se nella mail di cui sopra anziché chiedere una risposta potesse esserci un Link ad una "pagina" che il cliente compila e poi con un Click, automaticamente, me la manda.
Spiego meglio: dobbiamo fare una Promozione comunicando al Cliente che se si registra e poi fa Click su un Link della Mail, gli verranno mandati alcuni campioni di prodotto omaggio.
Necessariamente il Cliente deve Registrarsi (e sulla mail ci sarà il Link) e poi deve comunicarmelo compilando un formulario (che ho chiamato pagina non sapendo come altro indicarlo).
Secondo voi, si può fare? sapete dirmi come si fa? avete un esempio HTML?
Sarebbe fantastico.
Grazie.

Offline next

  • Post: 3273
Non so se ho capito bene, ma provo a risponderti.
Se vuoi ospitare il form sul tuo sito ed usare solo HTML, i metodi sono quelli descritti qui
https://www.mrw.it/html/form-moduli_9457.html
Ma io vedo almeno due criticità: questo approccio è carente in termini di sicurezza e probabilmente non compatibile con il GDRP.
Dovresti quindi ricorrere a linguaggi lato server più potenti come PHP...

Se invece lo puoi ospitare su servizi esterni, hai l'imbarazzo della scelta: Google Forms, Microsoft Forms, Woofo, etc.

0 Utenti e 1 Visitatore stanno visualizzando questo topic.