Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2015-08-24 08:18:47

stvercez
Membre
Inscription : 2012-07-25

alignement images

Depuis la mise à jour version 2.8, lorsque l'on insert une image et que l'on choisit par exemple alignement gauche, ça ne marche plus. Le texte apparaît sous l'image.
Et pour cause: le code source créé à l'insertion se compose maintenant de 2 nouvelles balises (figure et figcaption) <figure style="float: left; margin: 0 1em 1em 0;"><img ....><figcaption> </figcaption></figure> et le texte est placé après seulement, entre 2 balises <p></p> (donc apparaît bien sûr sous l'image et non pas à droite de l'image)

On est obligé de corriger manuellement le code html pour rétablir le texte à l'intérieur du même paragraphe que l'image.

Cette modification de code à l'insertion des images n'est vraiment pas intéressante. Pourquoi avoir introduit cette complication ?

Hors ligne

#2 2015-08-24 08:57:50

nikrou
Membre
Inscription : 2007-10-02
Site Web

Re : alignement images

Peux-tu détailler un peu plus précisément ce que fais et ce que tu souhaiterais ?


Je préfère être atteint de parkinson plutôt qu'alzheimer : je prefère renverser un peu de ma bière plutôt qu'oublier de la boire !

Présentez vos photos simplement avec Phyxo !

Hors ligne

#3 2015-08-24 09:08:22

stvercez
Membre
Inscription : 2012-07-25

Re : alignement images

Merci :)
Je veux tout simplement insérer une image est placer le texte à sa droite.
Je clique donc sur le bouton d'insertion média, je sélectionne l'image, dans la popup qui s'ouvre je choisis alignement à gauche, je valide.

Mais le code créé ne permet pas l'affichage de l'image à gauche du texte, puisqu'il place le texte dans une balise <p></p> qui se situe après les codes affichant l'image (code complet dans mon premier post).

Hors ligne

#4 2015-08-24 09:20:08

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : alignement images

Tu nous donnes le lien vers le billet ?

Hors ligne

#5 2015-08-24 09:21:59

stvercez
Membre
Inscription : 2012-07-25

Re : alignement images

Réponse dans le post suivant. Merci :)

Dernière modification par stvercez (2015-08-24 09:33:55)

Hors ligne

#6 2015-08-24 09:29:47

stvercez
Membre
Inscription : 2012-07-25

Re : alignement images

Voici un billet http://www.debout-la-republique-39.fr/? … 1/06/essai

La première image et le texte à sa droite ont été créés avec dcLegacyEditor (code correct).

La seconde image et le texte (qui devrait être à droite mais ne l'est pas) ont été créés sous dcCKEditor (code incorrect : le texte est placé entre des balises <p></p> après le code d'affichage de l'image)

Dernière modification par stvercez (2015-08-24 09:34:29)

Hors ligne

#7 2015-08-24 10:45:57

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : alignement images

Le problème vient de ton thème. p a un attribut clear:both; qui fout la merde.

Hors ligne

#8 2015-08-24 11:14:51

stvercez
Membre
Inscription : 2012-07-25

Re : alignement images

C'est évident : pour moi, un nouveau paragraphe, ça passe à la ligne (en bon littéraire). AVec l'ancienne version de dcCKEditor l'image était dans le paragraphe du texte. Dans la nouvelle version, ce n'est pas le cas. Et le problème est là : ce n'est pas logique !

Hors ligne

#9 2015-08-24 13:02:48

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : alignement images

Si c'est logique.
Prends le thème par défaut, à jour et non modifié, et teste. Tu verras que le code produit est conforme et que le texte se place bien à côté de l'image.
La solution est donc de corriger ta css.

Hors ligne

#10 2015-08-24 13:56:06

stvercez
Membre
Inscription : 2012-07-25

Re : alignement images

Je ne suis pas d'accord, mais bon...
Ma feuille de style fonctionne depuis des années, j'ai envie qu'un <p> fasse un nouveau paragraphe contrairement à la <BR /> qui passe à la ligne sans saut (sinon quelle différence) c'est mon droit, car je suis littéraire autant qu'informaticien, et une image dont le texte doit être à droite de celle-ci devrait être dans le même paragraphe que le-dit texte, et non en dehors !
Et voilà qu'on nous pond un nouveau code qui introduit des balises qui ne m'intéressent pas, et qui foutent la merde. J'aimerais juste qu'on me laisse le choix.
Si j'utilise dcLegacyEditor j'ai toujours l'ancien code qui place bien l'image entre les balises <p> de mon texte ! Mais dcLegacyEditor est moins riche en fonctions.

Dernière modification par stvercez (2015-08-24 14:04:34)

Hors ligne

#11 2015-08-24 14:23:32

stvercez
Membre
Inscription : 2012-07-25

Re : alignement images

Autre exemple : http://www.fcma.fr/?post/2015/08/23/2e- … ha-BOUKRAA

La première image est entre les balises <p></p> avec le texte (j'ai corrigé le code pour qu'il soit comme il était avant).

Pour la seconde, je n'ai pas corrigé le code. La balise <p></p> contenant le texte est après les balises <figure><figcaption>

Si, comme tu me le conseilles, je corrige ma CSS pour que <p> ne fasse plus "clear both", le texte se retrouvera effectivement à gauche de la petite image, mais aussi à droite de la première image (le tout flottant dans la continuité). Or ce n'est pas ce que nous voulons !

Nous voulons qu'un second paragraphe soit en dessous du premier, avec le texte à gauche de l'image, par opposition au premier paragraphe.

Et pour les rédacteurs non avertis (mes utilisateurs ne sont pas informaticiens et ne comprennent rien aux codes sources), le "entrée" (retour chariot) créé un <p></p> faisant un nouveau paragraphe sous le premier, alors que le maj + entrée fait une balise <br /> qui nous laisse dans le même paragraphe. C'est simple pour eux.

Si j'enlève l'attribut "clear both" de ma balise <p>, ils font comment ?

Hors ligne

#12 2015-08-24 15:17:58

Arfy
Membre
Lieu : Obernai
Inscription : 2009-01-05
Site Web

Re : alignement images

Même bug/problème dans
http://forum.dotclear.org/viewtopic.php?id=48552

Je requepepete ce que j'ai mis là bas


Ce que je constate perso

En 2.7.X - j'ajoutais une image via le bouton media, j'avais mon image rajoutée AVEC LE SELECTEUR DE MEDIA
<img src="..." />
(peut être un alt="" je ne sais plus)

En 2.8 - j'ajoute une image, j'ai
<figure style="{figureStyle}"><img class="media" src="..." alt="xxx" /><figcaption>yyy, date</figcaption></figure><p> </p>

Bref, perso je pense qu'il y a un truc qui a changé dans ce qui insère les images ;)

A noter je suis en taille "originale" et alignement "Aucun" dans le sélecteur de Médias


"On peut user de tout mais faut pas en abuser!"

Hors ligne

#13 2015-08-24 18:11:11

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : alignement images

stvercez a écrit :

Je ne suis pas d'accord, mais bon...
Ma feuille de style fonctionne depuis des années, j'ai envie qu'un <p> fasse un nouveau paragraphe contrairement à la <BR /> qui passe à la ligne sans saut (sinon quelle différence) c'est mon droit, car je suis littéraire autant qu'informaticien, et une image dont le texte doit être à droite de celle-ci devrait être dans le même paragraphe que le-dit texte, et non en dehors !
Et voilà qu'on nous pond un nouveau code qui introduit des balises qui ne m'intéressent pas, et qui foutent la merde. J'aimerais juste qu'on me laisse le choix.
Si j'utilise dcLegacyEditor j'ai toujours l'ancien code qui place bien l'image entre les balises <p> de mon texte ! Mais dcLegacyEditor est moins riche en fonctions.

C'est gentil à toi de mettre en avant ton côté littéraire informaticien, c'est aussi mon cas mais je ne vois pas le rapport avec la choucroute.

Tu as testé avec le thème par défaut non modifié et à jour ? Ah ben non, hein parce que ça ne sert pas ton propos...
Moi j'ai testé. Et quand il n'y a pas un clear:both; qui est attribué à p, y a aucun soucis. Et clear:both; n'a pas vocation de se substituer à <br />.

Bref, c'est l'heure de manger.

Hors ligne

#14 2015-08-24 20:12:19

Welsh
Membre
Inscription : 2011-12-28

Re : alignement images

Allez, je m'en mêle aussi :-)

Certes, la propriété clear:both produit le résultat.
Mais je suis d'accord avec Arfy :

e que je constate perso

En 2.7.X - j'ajoutais une image via le bouton media, j'avais mon image rajoutée AVEC LE SELECTEUR DE MEDIA
<img src="..." />
(peut être un alt="" je ne sais plus)

En 2.8 - j'ajoute une image, j'ai
<figure style="{figureStyle}"><img class="media" src="..." alt="xxx" /><figcaption>yyy, date</figcaption></figure><p> </p>

Bref, perso je pense qu'il y a un truc qui a changé dans ce qui insère les images ;)

Il y a quand même quelque chose qui a changé...

Hors ligne

#15 2015-08-24 20:22:10

Tomek
Moderator
Inscription : 2006-04-12
Site Web

Re : alignement images

Oui, quelque chose a changé : l'ajout des balises figure et figcaption qui sont issues de HTML5 et permettent d'ajouter une légende à une image de façon conforme et dédiée. C'était une demande répétée de certains utilisateurs, et une évolution logique du code d'insertion d'image.

Dernière modification par Tomek (2015-08-24 20:22:30)

Hors ligne

#16 2015-08-24 21:02:30

Arfy
Membre
Lieu : Obernai
Inscription : 2009-01-05
Site Web

Re : alignement images

Tomek a écrit :

Oui, quelque chose a changé : l'ajout des balises figure et figcaption qui sont issues de HTML5 et permettent d'ajouter une légende à une image de façon conforme et dédiée. C'était une demande répétée de certains utilisateurs, et une évolution logique du code d'insertion d'image.

Ok merci ... en espérant que dans une prochaine version ce soit configurable...

En attendant j'insère une image ailleurs, je switch sur le code, je copie la balise image et la colle là où je veux et j'efface le figcaption ...


"On peut user de tout mais faut pas en abuser!"

Hors ligne

#17 2015-08-24 21:09:15

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : alignement images

Ou tu règles ça via la css (nettement plus efficace).

Hors ligne

#18 2015-08-25 05:51:57

Mirovinben
M comme Mathusalem
Lieu : Dole (Jura)
Inscription : 2007-02-06
Site Web

Re : alignement images

Tomek a écrit :

Oui, quelque chose a changé : l'ajout des balises figure et figcaption qui sont issues de HTML5 et permettent d'ajouter une légende à une image de façon conforme et dédiée. C'était une demande répétée de certains utilisateurs, et une évolution logique du code d'insertion d'image.

Question :
pourquoi imposer des balises HTML5 dans le corps d'un billet susceptible d'être affiché via un thème en xHtml ?

Remarque :
je n'ai pas essayé (cramponné à dcLegacyEditor qui répond à mes besoins) et ignore si ça rend alors le code Html non valide.

Souhait :
présence d'un paramètre pour chaque éditeur (ou plus globalement pour chaque blog) autorisant ou pas l'insertion de ces balises.

Hors ligne

#19 2015-08-25 07:33:28

nikrou
Membre
Inscription : 2007-10-02
Site Web

Re : alignement images

Mirovinben a écrit :
Tomek a écrit :

Oui, quelque chose a changé : l'ajout des balises figure et figcaption qui sont issues de HTML5 et permettent d'ajouter une légende à une image de façon conforme et dédiée. C'était une demande répétée de certains utilisateurs, et une évolution logique du code d'insertion d'image.

Question :
pourquoi imposer des balises HTML5 dans le corps d'un billet susceptible d'être affiché via un thème en xHtml ?

Parce que xhtml qui était perdu d'avance et surtout d'un autre temps...

Mirovinben a écrit :

Remarque :
je n'ai pas essayé (cramponné à dcLegacyEditor qui répond à mes besoins) et ignore si ça rend alors le code Html non valide.

LegacyEditor continue d'insérer des images sans légende.

Pour ceux qui se poseraient la question, il est possible d'insérer des images avec ou sans légende en mode wiki avec le cinquième paramètre optionnel.
http://fr.dotclear.org/documentation/2. … xes#images

p.s: d'ailleurs la page du wiki n'est pas à jour ! :-)


Je préfère être atteint de parkinson plutôt qu'alzheimer : je prefère renverser un peu de ma bière plutôt qu'oublier de la boire !

Présentez vos photos simplement avec Phyxo !

Hors ligne

#20 2015-08-25 07:50:41

Mirovinben
M comme Mathusalem
Lieu : Dole (Jura)
Inscription : 2007-02-06
Site Web

Re : alignement images

nikrou a écrit :
Mirovinben a écrit :

Question :
pourquoi imposer des balises HTML5 dans le corps d'un billet susceptible d'être affiché via un thème en xHtml ?

Parce que xhtml qui était perdu d'avance et surtout d'un autre temps...

D'un autre temps ? C'est tout moi, ça. Et puis, si ce que tu dis se confirme, va falloir virer tous les thèmes qui proposent des tpl en xhtml ou s'assoir sur ce qui était un des fondements de Dotclear jusqu'à il y a peu : pondre des pages valides.

nikrou a écrit :
Mirovinben a écrit :

Remarque :
je n'ai pas essayé (cramponné à dcLegacyEditor qui répond à mes besoins) et ignore si ça rend alors le code Html non valide.

LegacyEditor continue d'insérer des images sans légende.

Je me suis mal exprimé : je voulais dire que je n'ai pas vérifié si un billet écrit avec dcCKEditor avec l'ajout des balises figure et figcaption et affiché via un tpl en xhtml faisait couiner le W3C. Avec dcLegacyEditor (utilisé en mode xhtml) tout baigne... Et mon poil reste soyeux.

Hors ligne

#21 2015-08-25 08:06:56

Tomek
Moderator
Inscription : 2006-04-12
Site Web

Re : alignement images

Je crois que ça fait un moment (depuis l'apparition d'HTML5 / CSS3 en gros) que la validation stricto sensu est un peu mise de côté, et c'est tant mieux. Non pas que c'est mal que ça valide, bien au contraire, mais rester arc-bouté sur une validation à tout prix engendre maintenant des contorsions qui n'ont - à mon avis - pas lieu d'être.

Hors ligne

#22 2015-08-25 08:20:05

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : alignement images

Ben déjà, tous les thèmes purs css reposent sur blowup et sont donc en html5.
Ensuite, me suis fadé quelques mises à jour de thèmes pour les passer en html5. Sûr qu'il en reste un paquet mais c'est aussi de la responsabilité des thémeurs de mettre à jour leurs œuvres, hein ?

Hors ligne

#23 2015-08-25 08:25:11

Tomek
Moderator
Inscription : 2006-04-12
Site Web

Re : alignement images

Tout à fait.

Hors ligne

#24 2015-08-25 09:36:43

i_love_dc
Membre
Inscription : 2007-07-13

Re : alignement images

Parallèlement aux "soucis" dues au <figcaption>, une requête / solution est émise sur ce fil Apparition d'un figcaption depuis mise à jour 2.8

i_love_dc a écrit :

Ce serait sympa de voir avec nikrou s'il serait possible que <figcaption> soit un bouton optionnel ajouté à la barre de dcCKEditor.

De cette manière tout le monde s'y retrouverait.

Si l'image comporte un texte alternatif ou un titre, on retrouverait le code "classic" (alt + tittle d'avant la 2,8) et ce bouton "Légende" qui comme son nom l'indique, ajouterait une légende (figcaption actuel).

Quand pensez-vous ?

Je pense que cette requête / solution pourrait mettre tout le monde d'accords, qu'en pensez-vous ?

Hors ligne

#25 2015-08-25 09:41:04

stvercez
Membre
Inscription : 2012-07-25

Re : alignement images

i_love_dc a écrit :

Parallèlement aux "soucis" dues au <figcaption>, une requête / solution est émise sur ce fil Apparition d'un figcaption depuis mise à jour 2.8

i_love_dc a écrit :

Ce serait sympa de voir avec nikrou s'il serait possible que <figcaption> soit un bouton optionnel ajouté à la barre de dcCKEditor.

De cette manière tout le monde s'y retrouverait.

Si l'image comporte un texte alternatif ou un titre, on retrouverait le code "classic" (alt + tittle d'avant la 2,8) et ce bouton "Légende" qui comme son nom l'indique, ajouterait une légende (figcaption actuel).

Quand pensez-vous ?

Je pense que cette requête / solution pourrait mettre tout le monde d'accords, qu'en pensez-vous ?

Tout à fait d'accord ;)
Merci pour vos avis et participations.

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map