Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,743

    html & css nella firma delle email

    Una mattina di parolacce per fare una stupidaggine e alla fine non ci sono nemmeno riuscito:

    Voglio che la firma html delle email si veda così sui browser desktop (thunderbird e outlook):
    codice:
    *********    nome cognome
    *       *    ruolo aziendale  
    *  logo *    indirizzo
    *       *    email
    *********    tel
                 p.iva & codfisc

    e si veda invece così in versione mobile:
    codice:
    nome cognome
    ruolo aziendale
    indirizzo
    email
    tel
    p.iva & codfisc
    *********   
    *       *    
    *  logo *   
    *       *   
    *********
    Ho scritto e riscritto una tonnellata di html e tabelle e nontabelle e stili in linea ma non ne sono uscito, il termine float per Outlook pare sia una cosa da mangiare o uno strumento musicale o una malattia venerea o altro ma di sicuro non ha nessuna funzione per impaginare un layout.

    Se qualcuno sa la soluzione e mi fa vedere un html che funzioni mi risolleva la giornata...
    Ultima modifica di supermac; 12-11-2020 a 15:12
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    138
    Questo è solo un esempio per darti un'idea di come potresti attuarlo.

    css:
    codice:
    @media screen and (max-width: 1000px) {
        .container{
            display: flex;
            flex-direction: column-reverse;
        }
    }
    html
    codice:
    <div class="container">
            <div class="logo">
                <img src="logo.jpg" alt="logo">
            </div>
            <div class="dati">
                nome cognome
                ruolo aziendale
                indirizzo
                email
                tel
                p.iva & codfisc
            </div>
        </div>

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 © 2021 vBulletin Solutions, Inc. All rights reserved.