4599 sujets

Sémantique web et HTML

Bonjour à tous,

Je traîne souvent sur le forum pour récolter quelques bons tuyaux mais ce coup ci j'ai besoin d'un conseil un peu plus personnalisé.

Je tâtonne HTML + CSS, enfin j'essaie de me débrouiller seul et d'apprendre donc mon code n'est surement pas optimisé (surtout la partie adresse + fb) !

Mon problème est que, lorsque j'ouvre ma signature dans un navigateur tout se passe bien, par contre dès que je veux insérer la signature dans outlook c'est le drame Smiley smile

J'ai essayé en ajoutant le .htm (le html sors complement vierge) dans le dossier appdata/microsoft/signatures ça ne marche pas.J'ai crée un signature test vierge pour ensuite copier mon code dans le template, toujours pareil mes images ne passent pas.

J'ai aussi essayé de garder les images en local..

Bref je suis paumé ! si qqn peut m'avancer Smiley cligne merci d'avance.

 <body>
    <table cellpadding="0" cellspacing="0" style="background-image:url(https://drive.google.com/uc?id=0B5zed25Hu0ZsY0w3YkwtN0RDOXc); background-repeat: no-repeat; font-family: Arial; width: 955px; height: 255px; border-collapse: collapse; border: 0;">
            <td style="color: 00007f; padding-left: 520px; margin-top: 320px">
                <h1 style="text-transform: none; font-weight: hyperbold; font-size: 25px; margin-left: -50px; margin-top: 0px">Loic Guerville <a style="font-size: 16px; font-weight: bold; margin-bottom: 4px; margin-top: 4px; color:69696b">| Responsable Traction</h1>
                <p style="font-size: 16px; font-weight: bold; margin-bottom: 6px; margin-top: 4px; color:69696b">Fixe : <a style="font-size: 16px; color:0007f">+33 (0)5 61 37 69 91</a></p>
				<p style="font-size: 16px; font-weight: bold; margin-bottom: 6px; margin-top: 4px; color:69696b">Port : <a style="font-size: 16px; color:00007f">+33 (0)6 48 82 08 49</a></p>
				<p style="font-size: 16px; font-weight: bold; margin-bottom: 6px; margin-top: 4px; color:69696b">Mail : <a style="font-size: 16px;"><a style="color: 00007f;" href="mailto:loic.guerville@jimenezfva.com">loic.guerville@jimenezfva.com</a></p>
                <p style="font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 4px; color:69696b">Site Internet : <a style="font-size: 16px; font-weight: bold"><a style="color: 00007f;" href="http://www.jimenezfva.com">www.jimenezfva.com</a></p>
                <a style="font-size: 16px; font-weight: bold; color:69696b; margin-left: -470px; text-decoration: none";" href="https://goo.gl/maps/9pxDMp2zkVx">5 Avenue de Fontreal - 31621 Eurocentre</a><a href="https://www.facebook.com/jimenezfva"><img src="https://drive.google.com/uc?id=0B5zed25Hu0ZsNEpfWU9sMnVic1k" alt="Logo"; style="padding-left: 390px; width: 85px; margin-top: 5px"</a>

				</td>
    </table>
</body>

Modifié par Tuos31 (20 Apr 2017 - 16:13)
Smiley eek
Salut et sérieusement tu es responsable informatique ?? le html et le css de base s'entend est un minimum Smiley smile

Smiley biggol

Dans outlook il te suffit de copier coller ton écran dans la zone de signature.
tel qu'on le voit sur ton image tu click, et glisse ta souris jusqu'en bas de ta signature, puis tu colles directement dans la zone sur outlook Smiley smile

Y a pas plus con que outlook à ce niveau là Smiley hum

Bon après pour les images il faut qu'elles soient en ligne et de préférence sur du httpS Smiley smile
Et bien sur outlook ne gère pas comme tout le monde le html Smiley smile il est resté en mode internet explorer Smiley smile Donc on fait simple Smiley smile les image en background.... Smiley confus

voilà Smiley smile
Salut !

Tout dépend des besoins de l'entreprise hein, on peux être calé en réseau et support et ne pas pomper grand chose à l'html et css Smiley cligne chacun son métier Smiley cligne

Ceci étant je m'occupe en partie de l'informatique coté utilisateur, mais ce n'est pas mon métier.

Merci quand même tu m'as aidé à me rendre compte de ma mauvaise direction Smiley cligne
Modifié par Tuos31 (20 Apr 2017 - 16:34)