SPIP ecureuil




Thème de ce forum :

Retour à la ligne br dans #Titre



Jacque Péters
Retour à la ligne br dans #Titre
12 mai 2008 10:49

Bonjour,

Dans les titres, je désire contrôler le retour à la ligne.

Exemple :

Dans certains cas la mise en page coupe le titre comme ceci :

Ceci est un titre : je veux
pouvoir le couper

J’aimerais obtenir ceci :

Ceci est un titre :
je veux pouvoir le couper

Ma première réaction, naïve, a été d’insérer un br dans le champ #titre dans la console d’administration.

Bien sûr, cela coupe bien ma ligne dans #Titre mais aussi dans le fil d’ariane et partout ou #titre est employé.

Est-ce possible d’obtenir ce que je veux ? A partir d’un filtre ? J’avoue que mes connaissances dans ce domaine sont encore un peu faibles.

Cordialement,

Jacques Péters

Rechercher dans les forums:
 

tetue
12 mai 2008 11:20
Retour à la ligne br dans #Titre

Vouloir contrôler la césure sur le Web aussi finement que sur le papier est un peu utopique.
- selon la taille de police choisie par l’internaute, l’effet diffère sensiblement, c’est donc un peu vain ;
- un br dans le titre... pourquoi pas. Mais quid de la pérennité du code ? Bon courage pour le jour où il faudra corriger tous les titres et corriger les <br> pas des <br /> !
- Souhaite-tu vraiment diffuser sur d’autres sites (via RSS) des titres ainsi structurés ?
- etc.

Mon conseil : mieux vaut une approche inverse. Sur le Web, plutôt que de forcer une césure (totalement inadaptée au support), mieux vaut laisser couler le texte, et n’intervenir que pour empêcher quelques retours à la ligne disgracieux, par un espace insécable (à utiliser au cas par cas et avec modération). Dans SPIP, ça s’écrit « ~ ». Par exemple :

Voici mon titre, qui coule comme il veut, mais sans séparer les deux derniers~mots

Jacque Péters
12 mai 2008 11:45
Retour à la ligne br dans #Titre

Oui, vous avez raison concernant le print et le web. Mais comme j’ai une formation de typographe plomb (oui, je sais c’est vieux et moi aussi), il y a des habitudes qui sont difficiles à changer.

Mais doit-on oublier (sans lancer une polémique) tout une expérience accumulée sur la présentation du texte depuis de nombreuses générations de typographes et de graphistes, sous prétexte que les possibilités "typographiques" du web sont encore jeunes et en devenir. Je me souviens qu’il y a une vingtaine d’années, PageMaker, l’ancêtre de InDesign, était quasiment aussi pauvre dans sa richesse typographique que la mise en page page Web d’aujourd’hui. Maintenant, le logiciel d’Adobe est supérieur aux meilleures photocomposeuses de cette époque. Et ce sous la pression des professionnels. Il a fallu du temps pour obtenir en natif, en langue française, que les guillemets soient des chevrons.

Ceci dit, en adaptant un filtre du genre : dans #Titre, dans fil d’ariane supprimer br

cela est-il possible dans Spip ? Ou une autre approche ?

Stanislas
12 mai 2008 15:43
Retour à la ligne br dans #Titre

L’âge et l’expérience ne sont pas rédhibitoires dans la communauté spip ou alors je me leurre depuis quelques temps... :)

Moi, je vous recommande la lecture d’un article traduit par l’équipe de pompage.net qui m’a fait comprendre ce qu’est le web de ce point de vue : http://www.pompage.net/pompe/tao/

Le rappel sur les débuts de la télé est absolument sidérant !

Si des logiciels comme Indesign avaient pour objectif de purement et simplement remplacer les photocomposeuses, le web n’a pas vocation à remplacer le papier, il est fait pour d’autres usages... où c’est vrai la césure n’a pas forcément de raison d’être... :)

Jacque Péters
12 mai 2008 20:16
Retour à la ligne br dans #Titre

Je lis régulièrement Pompage et on est d’accord sur ce point et je cite :

Le périple commence par l’abandon du contrôle et l’adoption de la flexibilité.

Ce qui donne entre autre les discussions animées autour des mises en page fixe, fluide ou élastique. Avec, en prime, l’apparition de lignes qui font 12 kilomètres de long (bon, j’exagère).

(Je vais en rajouter une couche : je suis plutôt partisan du Reset à la Eric Meyer qui permet de ne pas subir la feuille de style par défaut des navigateurs afin d’avoir un meilleur « contrôle » des styles css. Tout comme dans InDesign, la première chose que je fais, c’est de régler les Préférences à ma sauce. Mais, bien entendu, c’est un choix qui me convient et qui sera inutile pour d’autres.)

(Ah oui, j’ai découvert, il y a quelques jours, un filtre sympa qui s’appelle... coquette)

Mais je vois pas, dans le simple retour à la ligne d’un titre, un manque de "lâcher prise" dans le design d’un texte.

Mais je ne voudrais pas alourdir la base de données du forum avec mes considérations qui risquent d’ennuyer ceux qui sont à la recherche de réponses plus techniques.

Il manque peut-être à ce forum un lieu où l’on pourrait débattre de ce type de choses. Car, ici, dans la rubrique Créer ses Squelettes, c’est hors sujet. A mon humble avis.

Aujourd’hui, il a fait super beau.

Cordialement.

Pour en revenir à ma question de départ, je vais essayer quelque chose dans le style :

créer un span (qui n’a pas de valeur sémantique particulière en lui même - comme un br, un paragraphe... ) qui entrerai en action uniquement dans le titre concerné par le biais du jeu des cascades de la feuille de style css. Peut-être en adoptant l’idée de départ de tetue avec la propriété qui permet de ne pas couper les lignes : white-space: nowrap.

« Comme in dit din min coin : essaye, te verra bin. »

Traduction pour ceux qui n’aurait pas encore enduré le film de Boon :

« Comme on dit dans mon coin : essaye, tu verras bien »

 :-)))))))

Avantages : Pas de br, une balise span qui n’a de signification que si on lui demande, et pas de filtre spip qui alourdirait les calculs pour pas grand chose.

Qu’en pensez-vous ?

Jacques

Jacque Péters
12 mai 2008 20:59
Retour à la ligne br dans #Titre

Bon, voici une solution, testée dans Firefox et IE7 mais pas encore dans la 6 (je ne sais plus si un élément inline se transforme en block) :

html :

Thème de ce forum : <span class="retour">créer ses squelettes</span>

css :

h1 .retour {
        display: block;
        clear: left;
}

J’obtiens ainsi mon retour à la ligne au niveau du deux-points.

Qui dit mieux ? ;-)

Cordialement,

Jacques

tetue
13 mai 2008 17:03
Retour à la ligne br dans #Titre

Juste pour répondre à cette question : « Mais doit-on oublier (sans lancer une polémique) tout une expérience accumulée sur la présentation du texte (...) sous prétexte que les possibilités "typographiques" du web sont encore jeunes et en devenir. »

Ma réponse : oui, définitivement, radicalement.

Pourquoi ? Parce que le rendu, l’affichage, des contenus du Web ne sont pas contrôlés par le concepteur, mais par l’utilisateur final, l’internaute. En conception print, vous choisissez (et imposez) votre support, son format, la largeur des colonnes de textes, etc. Sur le Web, vous ne le pouvez pas et ne le pourrez jamais (ce n’est pas qu’une question de "jeunesse" du support), car c’est l’internaute qui choisit de surfer avec telle ou telle résolution d’écran, sur l’ordi du boulot ou sur son téléphone portable ou encore avec son navigateur vocal. Et vous n’y pouvez rien. Alors la césure... mieux vaut en faire le deuil tout de suite !

RSS






squelette