Moins d'espace sous les images

nk · 2013-02-11 07:41:12

Bonjour,

j'ai bien noté que :
wiki :

La position peut prendre les valeurs L ou G (gauche), R ou D (droite) ou C (centré).
Correspondance xhtml :

<img src="url" alt="texte alternatif" />
<img src="url" alt="texte alternatif" style="display:block; float:left; margin:0 1em 1em 0" /> (si position : L ou G)
<img src="url" alt="texte alternatif" style="display:block; float:right; margin:0 0 1em 1em" longdesc="description longue" /> (si position : R ou D)

J'aimerais changer le 1em vertical pour voir ce que cela donne.
Dans quel fichier faire cette modification ?

Merci.

Jean-Michel · 2013-02-11 08:11:04

Bonjour,

C'est le thème utilisé qui gère cela et donc sa feuille de style.

Mirovinben · 2013-02-11 08:47:39

Jean-Michel a écrit :

C'est le thème utilisé qui gère cela et donc sa feuille de style.

A condition que la balise <img /> correspondante ne contienne pas un style que l'on souhaite écraser (une histoire de priorité, si mes souvenirs sont bons...).

nk · 2013-02-11 09:05:37

Merci pour vos réponses.

ce pendant, le langage wiki donne comme paramètre xhtml style="float:left; margin: 0 1em 1em 0; ...
ce que je retrouve exactement dans le code html dans le navigateur quand le parcours le blog, donc aucun css n'intervient.

La doc dotclear donne la liste des conversions entre le langage wiki et le xhtml, il y a donc quelque part un fichier qui contient ces règles de conversion.

La question reste: quel est ce fichier, ou bien où sont stockées les règles de conversion wiki->xhtml ?

pressecologie · 2013-02-11 09:12:08

Bonjour,

Il me semble que ces règles par défaut ne se changent pas ...

Mais tu peux modifier la feuille de style pour ajouter les tiennes.
theme > editer le theme > style.css

nk · 2013-02-11 09:51:53

Voilà ce que j'obtiens dans le code html dans le navigateur :

<p><img src="/blog/public/Photos/Presentation/.Jean_s.jpg" alt="Jean.png" style="float:right; margin: 0 0 1em 1em;" title="24 juin 2010">Le 24 juin est toujours ...

Manifestement même si je mets un style css pour img dans billet, il sera finalement outrepassé par les instructions "margin: 0 0 1em 1em" qui sont prioritaires par rapport au style.css, non ?

l'odre de priorité décroissant est :

style.css
css du fichier html
instructions de style contenu dans la balise

à moins que je me trompe ?

Mathieu M. · 2013-02-11 09:54:32

Salut,

Dans ton fichier css, si tu mets :

#main .post img {margin: 0 0 0.5em 1em !important;}

Ça outre-passera les valeurs codées en dur ;)

nk · 2013-02-11 11:11:11

Merci Matthieu, ça marche sauf que :

il faudrait prévoir quelque chose de plus subtile, puisque cela concerne toutes les images des billets or il faudrait différencier celle qui sont à droite de celle qui sont à gauche des autres, ce que fait très bien le langage wiki puisqu'il permet les balises L ou R qui sont ensuite converties en 0 1em 1em 0 ou 0 0 1em 1em. Donc comme faire ?

Mirovinben · 2013-02-11 12:23:36

nk a écrit :

l'odre de priorité décroissant est :
style.css
css du fichier html
instructions de style contenu dans la balise
à moins que je me trompe ?

Je pense que c'est l'inverse : priorité croissante... L’ajout de !important dans tes CSS change la donne en effet. Merci "Mathieu M" de me l'avoir rappelé.

Mirovinben · 2013-02-11 12:26:40

nk a écrit :

Merci Matthieu, ça marche sauf que :
il faudrait prévoir quelque chose de plus subtile, puisque cela concerne toutes les images des billets or il faudrait différencier celle qui sont à droite de celle qui sont à gauche des autres, ce que fait très bien le langage wiki puisqu'il permet les balises L ou R qui sont ensuite converties en 0 1em 1em 0 ou 0 0 1em 1em. Donc comme faire ?

A ce moment là il te faut ajouter des class dans tes images. Pas facile en wiki, trivial en xHtml (qui a ma préférence, mais c'est très perso car plus grand risque d'avoir des pages non valides W3C).

Modifier le parseur wiki-html va poser pb lors de futures mises à jours automatiques de DC2.

Mirovinben · 2013-02-11 12:38:22

Si tu veux passer outre ma réserve concernant la modif du parseur, le fichier à modifier est là : (dotclear)/dc2/inc/libs/clearbricks/text.wiki2xhtml/class.wiki2xhtml.php, lignes 951 à 956 (dotclear v2.4.4).

Je me pose la question de la pertinence de voir ces styles codés en dur dans clearbricks...

nk · 2013-02-11 13:04:18

Merci.
Je prends en compte ta réserve, en effet ce n'est pas la peine de faire une modification qui peut disparaître sans prévenir.

Dotclear

Forum Dotclear

Annonce

#1 2013-02-11 07:41:12

Moins d'espace sous les images

#2 2013-02-11 08:11:04

Re : Moins d'espace sous les images

#3 2013-02-11 08:47:39

Re : Moins d'espace sous les images

#4 2013-02-11 09:05:37

Re : Moins d'espace sous les images

#5 2013-02-11 09:12:08

Re : Moins d'espace sous les images

#6 2013-02-11 09:51:53

Re : Moins d'espace sous les images

#7 2013-02-11 09:54:32

Re : Moins d'espace sous les images

#8 2013-02-11 11:11:11

Re : Moins d'espace sous les images

#9 2013-02-11 12:23:36

Re : Moins d'espace sous les images

#10 2013-02-11 12:26:40

Re : Moins d'espace sous les images

#11 2013-02-11 12:38:22

Re : Moins d'espace sous les images

#12 2013-02-11 13:04:18

Re : Moins d'espace sous les images

Pied de page des forums

Sites map