Problèmes d’affichage

Le calendrier demande un minimum de largeur pour s’afficher correctement. Contrairement à ce qui se passe dans un traitement de texte, un mot trop long ne sera pas coupé, c’est la cellule qui le contient qui s’élargira pour l’afficher en entier.

Les mots à afficher étant ceux des événements du calendrier, il est difficile de trouver la largeur optimale. Là où 16:30 RV Jean tiendra facilement, il peut arriver que 16:30 RV antitranssubstantiationaliste crée un problème d’affichage à cause de la longueur du mot, le navigateur ne prenant pas en charge la césure. Dans un tel cas, la colonne du calendrier s’élargit et l’ensemble de l’affichage peut présenter des anomalies, décalages ou débordements. De plus, ces problèmes peuvent être différents selon les navigateurs.

La plupart des thèmes RapidWeaver offrent diverses options de largeur fixe ou variable qui donnent de bons résultats. Il existe toutefois des thèmes dont la partie “contenu” est si étroite qu’il est difficile d’y afficher un calendrier sans recourir à des manipulations complexes sur les CSS. Heureusement, avec la plupart des thèmes, il n’y a aucun problème.

Si le thème de votre site a du mal à afficher correctement le calendrier, essayez les modifications suivantes :

• Augmentez la largeur ou rendez-la variable. Ouvrez l’Inspecteur de thème de RapidWeaver et voyez si votre thème propose de telles variations, qui suffiront probablement à résoudre le problème.
• Examinez la possibilité de masquer les numéros de semaines pour regagner la largeur de cette première colonne.
• Cochez l’option Abréger les noms des jours pour limiter l’espace utilisé, notamment dans les langues où ces noms sont longs.

Si ce qui précède ne suffit pas à insérer le calendrier dans votre thème, vous pouvez intervenir sur les CSS à différents niveaux dont le diagnostic dépend du thème, de la largeur disponible pour afficher le calendrier, du corps de texte, du navigateur et de la plateforme utilisée par le visiteur. Il est parfois difficile d’obtenir un résultat irréprochable sur Internet Explorer sous Windows, celui-ci ayant tendance à interpréter les styles d’une façon différente des autres navigateurs.

Par exemple, la liste des événements à l’intérieur d’un jour est réalisée avec un élément html ul contenant des éléments li. Si l’élément li s’applique au jour entier, il appartient à la classe “.allDay” (voir dans Thèmes et CSS les classes définies par RapidCal et leur utilisation). Par défaut, l’élément ul est en mode display: inline, qui convient mieux avec la plupart des thèmes. Mais il peut arriver que display: block s’avère plus approprié. Pour le modifier, il suffit d’insérer dans le champ CSS personnalisées (Style du calendrier) :

.rapidCal ul {
    display: block;
}

Cette simple addition aidera votre calendrier à mieux se dessiner dans Internet Explorer sous Windows, mais peut à l’inverse créer des problèmes différents dans certains thèmes pour les autres navigateurs comme Safari et Firefox (problèmes qui seront immédiatement apparents dans l’Aperçu de RapidWeaver).

Si vous rencontrez toujours des problèmes avec votre thème, venez sur le forum de support de RapidWeaver dialoguer avec d’autres utilisateurs de RapidCal qui pourront peut-être vous aider. Les auteurs essaient aussi de répondre dans la mesure du possible. Voir enfin le menu Aide de RapidWeaver.