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.
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
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>
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>
- Statut changé de Nouveau à Fermé
- % réalisé changé de 0 à 100
Formats disponibles : Atom
PDF
