Forums Développement Multimédia

Aller au contenu

Signature mail CSS

CODE HTML CSS

  • Vous ne pouvez pas répondre à ce sujet
Aucune réponse à ce sujet

#1 wips1981

  • Members
  • PipPipPipPipPipPipPipPip
  • 555 messages

Posté 14 October 2010 - 09:58 AM

Bonjour à tous

J'essaye de créer ma signature mail personnalisée. Et comme elle est un peu élaborée, j'essaye d'y mettre un coup de CSS là dedans.
Je me suis basé sur ce tuto : http://allforces.com...css-signatures/

Ma signature, en format html simple fonctionne pas mal, toutes les fonctionnalités CSS marchent, comme on peut le voir ici :
http://www.francoisl...nmail/sign.html

Cependant, une fois transformée en .webarchive, cela ne fonctionne plus du tout, comme on peut le voir sur cette capture :
Image IPB

Je sais que je suis une daube en html - CSS, mais là j'étais vraiment trop content de mon succès ;) Si quelqu'un qui passe par là aurait la bonté de me donner un coup de main…

voici mon code :
<style media="all" type="text/css">

#sigleft{
    padding-left:15px;
    width:260;
    height:93;
    background:url("http://www.francoislegoff.com/signmail/sig_left.png") no-repeat;
}

#sigleft .text{
    position:absolute;
    font:10px Arial, Helvetica, Sans-Serif;
    padding-left:15px;
    top:75px;
    z-index:100;
}

#sigleft .textblue{
    color:#617d81;
}

#sigleft .textbluestrong{
    color:#617d81;
    font-weight:bolder;
}

#sigleft .textred{
    color:#e65625;
    font-weight:bolder;
}

#sigleft .text a, #sigleft .text a:link, #sigleft .text a:visited {
    text-decoration: none;
}

#sigleft .text a:hover{
    text-decoration: none;
    color:#d5d3b7;
}

#sigleft .imgright{
    position:absolute;
    padding-left:75%;
    overflow:hidden;
}

</style>

<div id="sigleft">
   
        <p class="text">
           
            <span class="textred">
                +
            </span>
           
            <span class="textblue">
                33(0)6 18 05 13 64
            </span>
           
            <span class="textred">
                 ///
            </span>
           
            <a href="http://www.francoislegoff.com" title="visit francoislegoff.com">
                <span class="textblue">
                    www.francoislegoff
                </span>
                <span class="textred">
                    .com
                </span>
            </a>
           
        </p>
       
        <span class="imgright">
                <img src="http://www.francoislegoff.com/signmail/sig_right.png" width="114" height="93" alt="" />
        </span>
       
</div>

merci d'avance



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP