IL y a quelques semaines, j’avais envoyé cet appel à l’aide à propos du centrage des images qui ne fonctionne plus depuis le passage à la nouvelle version.
Plus bas, vous trouverez une réponse qui m’a été faite et qui a fonctionné chez quelqu’un.
J’ai fait la modification demandée, mais les images centrées restent toujours à gauche, le code de centrage n’apparaissent pas dans le tag généré par SPIP.
S’agit-il d’un bug de SPIP?
Je n’ai rien changé dans les squelettes lors du passage de 1.8 à 1.9.
Actua BD a écrit :
Lorsque je charge une image dans un article et que je veux l’aligner,
j’obtiens systématiquement l’alignement standard de SPIP.
Lorsque j’ai ajouté l’image, SPIP a généré le code .
J’ai donc mis dans mon texte <img4958|center> pour la centrer sur la page.
Bardaf! A la mise en page, elle est collée à gauche.
Dans la source de la page, je lis ce code:
Il n’intègre pas le code pour centrer l’image.
De plus, le code du début a été remplacé par SPIP, dans
l’interface d’administration, par .
J’ai essayé le code <img4958|center> mais le résultat est le même.
Quand l’image occupe tout l’espace prévu dans la page, cela n’est pas
trop grave, mais quand j’ai de petite images qui doivent être entourées
de texte, la mise en page est dégueulasse: à l’image, n’est accolé que
la première ligne du texte, dans le bas, et tout le reste du texte est
en-dessous.
Les développeurs peuvent-ils expliquer cette modification de
comportement et me donner un moyen de le corriger?
Merci d’avance.
Bien cordialement,
Patrick
Bonsoir,
J’avais moi aussi le même problème depuis le passage en 1.9 et euréka j’ai enfin trouvé !!
j’ai remplacé dans dist/spip_style.css le style d’origine
span.spip_documents_center { display: block; margin-top:1em; }
par :
.spip_documents_center { display: block; margin-top:1em; text-align: center;}
ah ça fait du bien
maintenant je peux aller dormir.
dd
–
This message has been scanned for viruses and
dangerous content by MailScanner, and is
believed to be clean.
IL y a quelques semaines, j’avais envoyé cet appel à l’aide à propos du centrage des images qui ne fonctionne plus depuis le passage à la nouvelle version.
Plus bas, vous trouverez une réponse qui m’a été faite et qui a fonctionné chez quelqu’un.
J’ai fait la modification demandée, mais les images centrées restent toujours à gauche, le code de centrage n’apparaissent pas dans le tag généré par SPIP.
S’agit-il d’un bug de SPIP?
Je n’ai rien changé dans les squelettes lors du passage de 1.8 à 1.9.
Bonjour,
pour centrer un élèment horizontalement, on peut mettre les marges droite et gauche à auto.
.spip_logos
{
display: block; /* pour appliquer un float et des marges */
float: none; /* pour qu'il n y ait pas d'élèment à gauche ou à droite de l'image */
border: none;
margin-left: auto; /* centrer l'élèment */
margin-right: auto; /* centrer l'élèment */
}
En espérant que ça t'aide. Je ne suis pas sûre d'avoir bien compris ce que tu cherches à faire...
IL y a quelques semaines, j’avais envoyé cet appel à l’aide à propos du centrage des images qui ne fonctionne plus depuis le passage à la nouvelle version.
Plus bas, vous trouverez une réponse qui m’a été faite et qui a fonctionné chez quelqu’un.
J’ai fait la modification demandée, mais les images centrées restent toujours à gauche, le code de centrage n’apparaissent pas dans le tag généré par SPIP.
S’agit-il d’un bug de SPIP?
Je n’ai rien changé dans les squelettes lors du passage de 1.8 à 1.9.
Bonjour,
pour centrer un élèment horizontalement, on peut mettre les marges droite et gauche à auto.
.spip_logos
{
display: block; /* pour appliquer un float et des marges */
float: none; /* pour qu'il n y ait pas d'élèment à gauche ou à droite de l'image */
border: none;
margin-left: auto; /* centrer l'élèment */
margin-right: auto; /* centrer l'élèment */
}
En espérant que ça t'aide. Je ne suis pas sûre d'avoir bien compris ce que tu cherches à faire...
à+
Bonsoir,
alors , hier soir j'ai eu ce probleme sous spip 1.9.2,
comme il est dit plus haut dans la liste j'ai copie un bout de css de "spip_styles"
dans ma propre css, a savoir:
et comme on peut le voir sur la 2eme ligne: j'ai change la declaration de
clear:both en clear:none est tout marche bien.
le resultat est ici ce sont des images inserees dans les rubriques, http://www.meschapeauxetmoi.com elles sont toutes bien centrees
( avec entre autre <embxxx|center>) au sein de la rubrique.
alors , hier soir j'ai eu ce probleme sous spip 1.9.2,
comme il est dit plus haut dans la liste j'ai copie un bout de css de
"spip_styles"
dans ma propre css, a savoir:
Je n'ai pas de CSS propre. J'ai la spip_styles standard qui se trouve au
premier niveau de l'arborescence.
J'ai donc ajouté ces trois lignes dans ce fichier, mais cela ne change rien.
Voir:
<Lolita HR, T.1 – par Delphine Rieu et Javier Rodriguez – Shogun / (...) - ActuaBD.
A part le logo, les images sont supposées être centrées... Et ne le sont
pas.
Patrick
--
This message has been scanned for viruses and
dangerous content by MailScanner, and is
believed to be clean.
alors , hier soir j'ai eu ce probleme sous spip 1.9.2,
comme il est dit plus haut dans la liste j'ai copie un bout de css de
"spip_styles"
dans ma propre css, a savoir:
Je n'ai pas de CSS propre. J'ai la spip_styles standard qui se trouve au
premier niveau de l'arborescence.
J'ai donc ajouté ces trois lignes dans ce fichier, mais cela ne change rien.
Voir:
<Lolita HR, T.1 – par Delphine Rieu et Javier Rodriguez – Shogun / (...) - ActuaBD.
A part le logo, les images sont supposées être centrées... Et ne le sont
pas.
Patrick
Je conseille à tous ceux qui ont des problèmes de mise en page, css, html ou autre d'utiliser *FireFox* avec l'extension *FireBug*.
On voit tout ce qui se passe, y compris les cascades de css. On peut tester, activer/déactiver, supprimer/ajouter n'importe quel style à n'importe quel élément, éditer du html en live, etc.
une fois installé, difficile de s'en passer...
alors , hier soir j'ai eu ce probleme sous spip 1.9.2,
comme il est dit plus haut dans la liste j'ai copie un bout de css de
"spip_styles"
dans ma propre css, a savoir:
Je n'ai pas de CSS propre. J'ai la spip_styles standard qui se trouve au
premier niveau de l'arborescence.
J'ai donc ajouté ces trois lignes dans ce fichier, mais cela ne change rien.
Voir:
<Lolita HR, T.1 – par Delphine Rieu et Javier Rodriguez – Shogun / (...) - ActuaBD.
A part le logo, les images sont supposées être centrées... Et ne le sont
pas.
Patrick
bonjour,
en principe c'est plus simple de se faire sa propre feuille de style
en copiant au debut, celles de spip, puis en faisant ses propres modifs,
cela permet de commencer a comprendre le fonctionnement css
et surtout lors des mises a jour de spip cela evite de tout recommencer...
ceci dit je necomprends pas bien que tu ais rajoute ces 3 lignes,
car normalement elles sont deja dans"spip_styles.css"
de plus je viens de faire un tour sur ta page et tes images sont bien centrees....
(avec firefox 2.0.0.2) et en utilisant firebug comme le dit Pat et
tu travail avec des tableaux ce qui peut parfois poser qqes problemes
de mise en page,
(il me sembe que les declarations de style doivent y faire reference si je ne me trompe ?)
si j'ai pu aide......
Jmarco
Je conseille à tous ceux qui ont des problèmes de mise en page, css, html ou autre d'utiliser *FireFox* avec l'extension *FireBug*.
Merci du tuyau..je ne connaissais pas
c'est plutot bien pour trouver les erreurs..
jmarco
On voit tout ce qui se passe, y compris les cascades de css. On peut tester, activer/déactiver, supprimer/ajouter n'importe quel style à n'importe quel élément, éditer du html en live, etc.
une fois installé, difficile de s'en passer...
