Projet

Général

Profil

Actions
Copier le lien

Demande #2744

fermé

Améliorer l'affichage du titre des lettres d'information sur téléphones mobiles

Ajouté par Frédéric Couchet il y a environ 7 ans. Mis à jour il y a environ 7 ans.

Statut:
Fermé
Priorité:
Normale
Assigné à:
-
Version cible:
-
Début:
03/11/2017
Echéance:
% réalisé:

100%

Temps estimé:

Description

La lettre d'information est également envoyée par courriel sur la liste april-actu@ (https://listes.april.org/wws/info/april-actu).

L'affichage du titre de la lettre d'information, au format html, n'est pas correct.

Par exemple, pour la lettre de novembre 2017, il n'y a pas de retour à la ligne pour le titre « Lettre d'information publique de l'April de novembre 2017 » quand le texte atteint la largeur de l'écran, et sur mon k9 j'ai « Lettre d'information publique d » à l'écran. Alors que pour le texte qui suit, le retour à la ligne se fait bien.

Voir image jointe.

Fichiers

k9-lettre-actu.jpg (169 ko) k9-lettre-actu.jpg Frédéric Couchet, 03/11/2017 09:02
Actions
Copier le lien
 #1

Mis à jour par Frédéric Couchet il y a environ 7 ans

La css utilisée pour le courriel :

    <style type="text/css">
      html {
        font-family: Verdana, sans-serif;
        background-color: #E2E5E9;
      }
      body {
        margin: 0 auto;
        min-width: 1020px;
        max-width: 1020px;
        border-left: 1px solid #AABACD;
        border-right: 1px solid #AABACD;
        background: url("https://april.org/sites/default/themes/zen_april/images/header_bg_right.gif") no-repeat scroll right top white;
      }
      h1 {
        color: white;
        margin: 0;
        height: 37px;
        padding: 18px 1em 0;
        font-size: 22px;
        text-align: justify;
        background: url("https://april.org/sites/default/themes/zen_april/images/content_header_bg.gif") repeat-x scroll center top #0274A0;
      }
      h1:after {
        float: right;
        width: 210px;
        height: 55px;
        content: '';
        margin-top: -44.5px;
        margin-right: -1em;
        background: url("https://april.org/sites/default/themes/zen_april/images/rightmargin_top_bg.png") no-repeat scroll center top #0274A0;
      }
      p, pre {
        padding: 0 1em;
        text-align: justify;
        line-height: 1.286em;
      }
      a:link, a:visited {
        color: #005184;
        font-weight: bold;
        text-decoration: none;
      }
    </style>
Actions
Copier le lien
 #2

Mis à jour par Frédéric Couchet il y a environ 7 ans

Pour régler le problème il faut :

- supprimer dans h1 : "height: 37px;"

- remplacer dans h1 "color: white;" par "color: black;"

- supprimer background: url("https://april.org/sites/default/themes/zen_april/images/content_header_bg.gif") repeat-x scroll center top #0274A0;

- supprimer background: url("https://april.org/sites/default/themes/zen_april/images/rightmargin_top_bg.png") no-repeat scroll center top #0274A0;

La nouvelle CSS devient :


    <style type="text/css">
      html {
        font-family: Verdana, sans-serif;
        background-color: #E2E5E9;
      }
      body {
        margin: 0 auto;
        min-width: 1020px;
        max-width: 1020px;
        border-left: 1px solid #AABACD;
        border-right: 1px solid #AABACD;
        background: url("https://april.org/sites/default/themes/zen_april/images/header_bg_right.gif") no-repeat scroll right top white;
      }
      h1 {
        color: black;
        margin: 0;
        padding: 18px 1em 0;
        font-size: 22px;
      }
      h1:after {
        float: right;
        width: 210px;
        height: 55px;
        content: '';
        margin-top: -44.5px;
        margin-right: -1em;
      }
      p, pre {
        padding: 0 1em;
        text-align: justify;
        line-height: 1.286em;
      }
      a:link, a:visited {
        color: #005184;
        font-weight: bold;
        text-decoration: none;
      }
    </style>
Actions
Copier le lien
 #3

Mis à jour par Frédéric Couchet il y a environ 7 ans

  • Statut changé de Nouveau à Fermé
  • % réalisé changé de 0 à 100
Actions
Copier le lien

Formats disponibles : Atom PDF