Depuis Dreamweaver CC 2014, le mode Création peine à afficher les styles CSS lorsque ceci sont intégrés directement dans une balise HTML (CSS Inline). Cette technique d’intégration est indispensable pour assurer un bon rendu de nos emailings notamment dans Gmail. Bien que cela n’affecte pas le rendu final de l’email, cela a tendance à déstabiliser l’apprenti email designer.

bug de rendu avec Dreamweaver CC
Exemple du bug rendu avant d’avoir appliqué l’astuce

 
Il est possible de pallier à ce problème grâce à une astuce :

  1. Afficher la Fenêtre CSS Designer
  2. Dans le panneau « Sources », cliquer sur le bouton ajouter (+)
  3. Choisir « Définir dans la page »
Fenêtre Css designer
Définir sur la page

 

Dreamweaver ajoute alors une balise <style> dans l’entête du document html. Cette balise ne pose pas de problème de rendu au niveau des outils de messagerie.

Le rendu des styles inline s’affiche à nouveau correctement en mode Création :

bug rendu Dreamweaver après
Exemple du bug rendu après avoir appliqué l’astuce

 

Lire aussi

>> 4 astuces pour coder vite et mieux un emailing avec Dreamweaver