[wiki] largeur du code entre balises et des bandeaux

paskal · 18-07-2014 04:29:12

Bonjour,

Existe-t-il un moyen pour que la largeur de ces éléments s'adaptent quand ils sont placés à hauteur du menu de la page ?

Actuellement, ils sont rejetés sous le menu :
- un bandeau : https://debian-facile.org/doc:systeme:dd
- du code "user" : https://debian-facile.org/doc:systeme:find

Par contre, c'est ok pour les paragraphes indentés : https://debian-facile.org/doc:systeme:sfdisk (synopsis)

Fin du chipotage du vendredi matin.

kao · 18-07-2014 14:44:05

Je suis en vacances et pas devant un ordi pour manipuler du code, mais il faudrait regarder du coté de display: block ou inline-block pour cela je penses:
http://jeremie.patonnier.net/post/2010/ … line-block

paskal · 18-07-2014 15:07:11

Merci pour le lien.

Et bonnes vacances loin du clavier.

paskal · 25-07-2014 07:38:50

Bonjour,

J'ai vu une modification pour les bandeaux : https://debian-facile.org/doc:systeme:dd

J'ai noté que, en fonction de la largeur de la fenêtre, leur largeur varie mais ils peuvent encore se trouver rejetés.
Mais peut-être est-ce suffisant dans la plupart des cas ?

Du coup, ailleurs, ils se retrouvent systématiquement moins larges que les blocs codes ? https://debian-facile.org/doc:systeme:btrfs
Comme ils sont alignés à gauche, je me demande si il ne vaudrait pas mieux soit les centrer, soit les justifier ?

kao · 25-07-2014 08:19:40

J'ai pas bien compris comment sont générés les bandeaux, je ne pense pas que cela passe par du CSS, mais que c'est en dur dans le code html généré.
Sur la page de find: https://debian-facile.org/doc:systeme:find et regardant avec l'inspecteur de code de Firefox j'ai noté que le width est à 100 %.

<table style="width: 100%; background: none; padding: 0px; border-width: 0px;">

Si on le passe à 80% par exemple, le bandeau est légèrement plus court et peut s'afficher à côté du sommaire sans problème.

<table style="width: 80%; background: none; padding: 0px; border-width: 0px;">

Faut juste trouver depuis quel bout de code cette valeur est généré

captnfab · 26-07-2014 10:36:00

Nan, faut arrêter de modifier le code source, c'est l'enfer lors des mises à jour après.

J'avais touché au .css en mettant le truc en inline-block. Mais je ne suis pas convaincu non plus. Du coup, je ne sais pas…

paskal · 27-07-2014 18:20:47

Ouch ! J'ai bien peur qu'il y ait pas mal de pages avec du code à l'intérieur des bandeaux.
Voilà qui est pour le moins pittoresque : 2 blocs code dans 1 bandeau https://debian-facile.org/doc:media:fla … ial-google

captnfab · 27-07-2014 18:47:50

C'est mignon

Bon, donc visiblement, inline-block n'est pas la solution.

Je rétablirai l'ancienne version bientôt. Mais je ne sais pas comment résoudre le pb initial du coup.

paskal · 27-07-2014 18:50:56

Ok, mais pour ce qui marche, les "blocs indentés", c'est directement dans le code source ?

captnfab · 27-07-2014 20:13:27

Lapin compris.
Je n'ai pas touché au code source là, juste au css.

paskal · 27-07-2014 20:22:38

Je veux dire que dans la page https://debian-facile.org/doc:systeme:sfdisk, le bloc du paragraphe Synopsis, rédigé ainsi :

wiki DF a écrit :

===== Synopsis =====

sfdisk [options] <périphérique>
sfdisk -s <partition>

s'adapte au poil et je me demandais donc si il dépend du html ou du css.

captnfab · 27-07-2014 20:26:02

Du css

paskal · 27-07-2014 20:32:05

Ah ? Je n'ai pas regardé le css mais il n'est pas possible d'attribuer une partie de son style à celui des bandeaux ?

captnfab · 27-07-2014 20:44:18

Je ne sais pas, faut lui demander

Quand tu vois qu'il y a déjà une différence entre <code> </code> et <code root> </code>, ça donne vachement envie de fouiller là-dedans ^^"

paskal · 27-07-2014 21:00:19

captnfab a écrit :

Quand tu vois qu'il y a déjà une différence entre <code> </code> et <code root> </code>, ça donne vachement envie de fouiller là-dedans ^^"

Bah, d'ici fin août, je dégagerai bien 5 minutes (voir plus ).

captnfab · 27-07-2014 21:02:07

Ah, j'ai cru qu'ils supprimaient août cette année et qu'on serait en septembre dans moins d'une semaine ! On en reparlera en septembre

paskal · 27-07-2014 21:04:58

Pffff

paskal · 14-08-2014 07:54:10

Salut,

Autre soucaïe : https://debian-facile.org/doc:media:xbm … ompilation
la ligne de commande dépasse (de quoi ?) et, sans défilement horizontal, impossible de la lire sans élargir la fenêtre.

Est-il envisageable de passer à la ligne ou est-ce une aberration pédagogique ?

D@mien · 14-08-2014 14:21:43

Est-il envisageable de passer à la ligne ou est-ce une aberration pédagogique

C'est l’occasion de faire de la pédagogie sur le bashisme

aptitude install git-core make g++ gcc gawk pmount libtool nasm yasm  automake cmake \ 

gperf zip  unzip bison libsdl-dev libsdl-image1.2-dev libsdl-gfx1.2-dev libsdl-mixer1

Dernière modification par D@mien (14-08-2014 14:22:06)

paskal · 14-08-2014 18:23:11

Effectivement, c'est une idée.

Cependant, l'ennui de scinder précisément, c'est que la largeur de la fenêtre dépend de l'utilisateur : ça tombera bien chez l'un et pas chez l'autre.

captnfab · 16-08-2014 16:02:43

Scinder à 80 caractères me semble raisonnable. Par contre, pour l'absence de défilement, ce doit être modifiable en touchant au CSS. Le problème est peut-être d'ailleurs lié à celui du patch contre le copier/coller qui foire.

paskal · 24-10-2014 18:44:45

captnfab a écrit :

Par contre, pour l'absence de défilement, ce doit être modifiable en touchant au CSS. Le problème est peut-être d'ailleurs lié à celui du patch contre le copier/coller qui foire.

En fait, c'est dû à un soucy dans le parser (parti "highlight language syntax in code and file blocks").

captnfab · 25-10-2014 13:22:33

Ah ? Tu as plus de détails ?

paskal · 25-10-2014 13:29:49

Disons que, pour afficher le wiki comme je le souhaitais, j'ai fait plusieurs modifs en même temps.
Mais, la principale concerne le fichier /inc/parser/xhtml.php dans lequel j'ai commenté la ligne 442 :

// $this->doc .= "<table style=\"width: 100%; background: none; padding: 0px; border-width: 0px;\"><tr style=\"background: none; padding: 0px; border-width: 0px;\"><td style=\"background: none; padding: 0px; border-width: 0px;\">\n";

Cette ligne plaçait les bloc code dans des tables alors que les blocs indentés étaient passés tels quels (merci Iceweasel et son menu "examinier l'élément )

captnfab · 25-10-2014 21:44:30

Mhh, je crois que cette modif corrigeait elle-même un autre problème.

Debian-facile

#1 18-07-2014 04:29:12

[wiki] largeur du code entre balises et des bandeaux

#2 18-07-2014 14:44:05

Re : [wiki] largeur du code entre balises et des bandeaux

#3 18-07-2014 15:07:11

Re : [wiki] largeur du code entre balises et des bandeaux

#4 25-07-2014 07:38:50

Re : [wiki] largeur du code entre balises et des bandeaux

#5 25-07-2014 08:19:40

Re : [wiki] largeur du code entre balises et des bandeaux

#6 26-07-2014 10:36:00

Re : [wiki] largeur du code entre balises et des bandeaux

#7 27-07-2014 18:20:47

Re : [wiki] largeur du code entre balises et des bandeaux

#8 27-07-2014 18:47:50

Re : [wiki] largeur du code entre balises et des bandeaux

#9 27-07-2014 18:50:56

Re : [wiki] largeur du code entre balises et des bandeaux

#10 27-07-2014 20:13:27

Re : [wiki] largeur du code entre balises et des bandeaux

#11 27-07-2014 20:22:38

Re : [wiki] largeur du code entre balises et des bandeaux

#12 27-07-2014 20:26:02

Re : [wiki] largeur du code entre balises et des bandeaux

#13 27-07-2014 20:32:05

Re : [wiki] largeur du code entre balises et des bandeaux

#14 27-07-2014 20:44:18

Re : [wiki] largeur du code entre balises et des bandeaux

#15 27-07-2014 21:00:19

Re : [wiki] largeur du code entre balises et des bandeaux

#16 27-07-2014 21:02:07

Re : [wiki] largeur du code entre balises et des bandeaux

#17 27-07-2014 21:04:58

Re : [wiki] largeur du code entre balises et des bandeaux

#18 14-08-2014 07:54:10

Re : [wiki] largeur du code entre balises et des bandeaux

#19 14-08-2014 14:21:43

Re : [wiki] largeur du code entre balises et des bandeaux

#20 14-08-2014 18:23:11

Re : [wiki] largeur du code entre balises et des bandeaux

#21 16-08-2014 16:02:43

Re : [wiki] largeur du code entre balises et des bandeaux

#22 24-10-2014 18:44:45

Re : [wiki] largeur du code entre balises et des bandeaux

#23 25-10-2014 13:22:33

Re : [wiki] largeur du code entre balises et des bandeaux

#24 25-10-2014 13:29:49

Re : [wiki] largeur du code entre balises et des bandeaux

#25 25-10-2014 21:44:30

Re : [wiki] largeur du code entre balises et des bandeaux

Pied de page des forums