Ecrire en colonne dans un article.

Général
1

Bonjour la liste,

Je souhaiterais avoir une partie d’un article écrit en colonne.

Pouvez-vous me dire comment je dois faire ?

Petite précision, étant aveugle, je ne peux pas vérifier visuellement la mise en page.

Mon lecteur d’écran me restitue une page de façon linéaire, du coup je dois être sûr de mon coup.

Par avance, merci.

2

Le 29/12/2013 18:11, Johan Senn a écrit :

Bonjour la liste,

Je souhaiterais avoir une partie d’un article écrit en colonne.

Pouvez-vous me dire comment je dois faire ?

Petite précision, étant aveugle, je ne peux pas vérifier visuellement la
mise en page.

Mon lecteur d’écran me restitue une page de façon linéaire, du coup je
dois être sûr de mon coup.

Par avance, merci.

Qu'est-ce que vous voulez dire par "écrit en colonne" ? Vous voulez dire sur deux colonnes (ou un autre nombre) pendant que le reste de l'article serait sur une seule colonne qui fait tout la largeur de la page ?

--
Ysabeau

3

Bonjour ,
il y a une page tutoriel écrite par Raphael <http://www.alsacreations.com/profil/lire/1-raphael.html&gt; chez Alsa créations
  qui explique *Les multicolonnes en CSS3*
Les multicolonnes en CSS3 - Alsacreations
Un bon rest' (Bonne fin d'année)
<http://www.alsacreations.com/tuto/lire/1557-les-multicolonnes-en-css3.html&gt;
Le 29/12/2013 18:14, Ysabeau a écrit :

Le 29/12/2013 18:11, Johan Senn a écrit :

Bonjour la liste,
Je souhaiterais avoir une partie d’un article écrit en colonne.
Pouvez-vous me dire comment je dois faire ?
Petite précision, étant aveugle, je ne peux pas vérifier visuellement la
mise en page.
Mon lecteur d’écran me restitue une page de façon linéaire, du coup je
dois être sûr de mon coup.
Par avance, merci.

Qu'est-ce que vous voulez dire par "écrit en colonne" ? Vous voulez dire sur deux colonnes (ou un autre nombre) pendant que le reste de l'article serait sur une seule colonne qui fait tout la largeur de la page ?

4

Salut,

il y a une astuce qui permet, en complément du CCS3 donné par JASEUR BOREAL découper un texte selon sa longueur... tu devrais pouvoir t'en inspirer.
Découper un texte en colonnes selon sa taille (numéro 27) :
http://contrib.spip.net/Astuces-longues-pour-SPIP

             jean marie

Le 29/12/2013 19:19, JASEUR BOREAL a écrit :

Bonjour ,
il y a une page tutoriel écrite par Raphael <http://www.alsacreations.com/profil/lire/1-raphael.html&gt; chez Alsa créations
qui explique *Les multicolonnes en CSS3*
Les multicolonnes en CSS3 - Alsacreations

Un bon rest' (Bonne fin d'année)
<http://www.alsacreations.com/tuto/lire/1557-les-multicolonnes-en-css3.html&gt;

Le 29/12/2013 18:14, Ysabeau a écrit :

Le 29/12/2013 18:11, Johan Senn a écrit :

Bonjour la liste,
Je souhaiterais avoir une partie d’un article écrit en colonne.
Pouvez-vous me dire comment je dois faire ?
Petite précision, étant aveugle, je ne peux pas vérifier visuellement la
mise en page.
Mon lecteur d’écran me restitue une page de façon linéaire, du coup je
dois être sûr de mon coup.
Par avance, merci.

Qu'est-ce que vous voulez dire par "écrit en colonne" ? Vous voulez dire sur deux colonnes (ou un autre nombre) pendant que le reste de l'article serait sur une seule colonne qui fait tout la largeur de la page ?

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

5

Salut

J’avais pondu (pompé, pour être honnête) un petit truc pour un site, je regarde ce soir si je l’ai toujours.

A+

6

Bonjour,
J’ai testé et utilisé en local sur un spip 2.1 ce lien et ça marche, sur ma page sommaire.
Je ne peux pas envoyer de lien, mais dans la page sommaire, j’ai placé un appel à la feuille css spéciale pour le sommaire

dans le body (à l’endroit du texte)

[(#TITRE|supprimer_numero)]

[
(#TEXTE|image_reduire{500,400})
]

dans la feuille row.css ( 2 colonnes):

  • { -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
    p {
    color: #000;
    padding: 10px;
    margin: 0;
    background: #fff;
    display: inline-block; width: 80%;
    -webkit-column-break-after: always;
    break-inside: avoid-column;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }
    .row { margin: 10px;
    font-family: helvetica, arial, sans-serif;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;width: 90%; margin: 0 1% 1% 1%; background-color: #fff;}

Petit problème, la coupure des colonnes ne me donne pas exactement ce que je
voudrais (deux présentations séparées) alors que mon info « page1 » déborde
d’une ligne sur mon info « page2 ».
C’est un détail.

Je suis parti des liens donnés ici
http://www.alsacreations.com/tuto/lire/1557-les-multicolonnes-en-css3.html

il doit bien y avoir un moyen de couper le texte où l’on veut.
En tout cas merci pour ce fil, je cherchais une solution pour mon site
depuis longtemps. Je n’avais trouvé qu’un tableau Spip en deux colonnes comme solution.
J’attends pour mettre en ligne de régler certains problèmes propres à mon
squelettes.
J’espère que ça t’aura aidé.
Bonne journée à tous
A+Patrick

7

Bonjour,
Plus simple, à l’intèrieur de row.css, je n’ai mis que celà:

.columns {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}

et ça marche mieux, car j’avais une image en doc et le déclanchement de la lightbox de mediabox ne trouvait plus les bords à droite, ni à gauche.
Je rappelle que dans mon cas, je ne l’utilise que dans le sommaire, j’utiliserais « compositions » pour un usage sur d’autres pages, mais en fait, j’ai peu de texte sur mon site.
Bonne journée et bon début d’année
A+Patrick