Rép : Image non centrée

Quentin_Beau_de_Lome · Mai 16, 2009, 1:28

Merci de ta réponse,

Pour le moment le site est en LOCAL.
C'est effectivement le paramètre <imgxxx|center> que j'utilise. Et l'image apparait bien centrée dans la prévisualisation de l'admin. Mais lorsque je visualise le site, l'image est ferrée à gauche.
J'utilise la dernière version de spip.

triton · Mai 16, 2009, 1:42

Quentinbeau Beau De Loménie a écrit :

Merci de ta réponse,

Pour le moment le site est en LOCAL.
C'est effectivement le paramètre <imgxxx|center> que j'utilise. Et l'image apparait bien centrée dans la prévisualisation de l'admin. Mais lorsque je visualise le site, l'image est ferrée à gauche.
J'utilise la dernière version de spip.
_______________________________________________

Bonjour,
c est la css qui s applique sur le site public qui interfere sur le centrage de l image.
Pour que l image soit centree, il faut qu elle soit contenu dans un element de type bloc (<p> <div>...) avec une propriete text-align:center. Il n ya pas de propriete css de type "center" qui permettrait a un element de s 'auto centrer... enfin, en gros....
Il faut que tu regardes avec un outil genre firebug sur firefox qu elles sont les proprietes css qui s applique sur ton image, c est pas forcement tres simple a trouver quand on a pas l habitude, si le site etait en ligne, ca serait vite regle.
cordialement
triton

Frederic_Moinard · Mai 16, 2009, 1:46

Bonsoir,

Quentinbeau Beau De Loménie a écrit :

Merci de ta réponse,

Pour le moment le site est en LOCAL.
C'est effectivement le paramètre <imgxxx|center> que j'utilise. Et l'image apparait bien centrée dans la prévisualisation de l'admin. Mais lorsque je visualise le site, l'image est ferrée à gauche.
J'utilise la dernière version de spip.

Sans squelettes/ ? ni plugins ?
Toujours le même conseil: utiliser FireFox et FireBug (ou WebDevelopper) pour trouver qui définit quoi et quand au juste. Je n'ai pas de spip tout propre sous la main, mais j'imagine une histoire de css chargé après les bonnes définitions (firebug est très bien pour débusquer ce genre de choses, il affiche toutes les définitions d'un classe et les raye quand une définition est écrasée par une autre, trop pratique ;-).

--
hth,
fm

JPH · Mai 16, 2009, 1:55

Quentinbeau Beau De Loménie a écrit :

Merci de ta réponse,

Pour le moment le site est en LOCAL.
C'est effectivement le paramètre <imgxxx|center> que j'utilise. Et l'image apparait bien centrée dans la prévisualisation de l'admin. Mais lorsque je visualise le site, l'image est ferrée à gauche.
J'utilise la dernière version de spip.

normalement le modèle fonctionne parfaitement.
en vrac :
Quel squelette ? quelle est la largeur de ton image ?
voir la taille de l'image par rapport à la zone d'affichage.
Voir le code source généré dans ta page sous ton navigateur
voir tes CSS si page perso
as-tu essayé le modèle <docxxx|center> ?
A+
JPH

Quentin_Beau_de_Lome · Mai 16, 2009, 1:56

Bonjour,

Mon texte est compris dans un

qui n’a aucun text-align:center. Et pour cause, je n’ai aucune envie que mon texte soit centré… je n’ai pas de « text-align » du tout. je ne comprend pas…

Début du message réexpédié :

De : triton <triton@pointcentral.net>
Date : 16 mai 2009 15:42:04 HAEC
À : Quentinbeau Beau De Loménie <quentinbeau@noos.fr>
Cc : spip@rezo.net
Objet : Rép : [Spip] Rép : Image non centrée
Répondre à : triton@pointcentral.net

Quentinbeau Beau De Loménie a écrit :

Merci de ta réponse,

Pour le moment le site est en LOCAL.

C’est effectivement le paramètre <imgxxx|center> que j’utilise. Et l’image apparait bien centrée dans la prévisualisation de l’admin. Mais lorsque je visualise le site, l’image est ferrée à gauche.

J’utilise la dernière version de spip.

Bonjour,
c est la css qui s applique sur le site public qui interfere sur le centrage de l image.
Pour que l image soit centree, il faut qu elle soit contenu dans un element de type bloc (

…) avec une propriete text-align:center. Il n ya pas de propriete css de type « center » qui permettrait a un element de s 'auto centrer… enfin, en gros…
Il faut que tu regardes avec un outil genre firebug sur firefox qu elles sont les proprietes css qui s applique sur ton image, c est pas forcement tres simple a trouver quand on a pas l habitude, si le site etait en ligne, ca serait vite regle.
cordialement
triton

Quentin_Beau_de_Lome · Mai 16, 2009, 2:14

Début du message réexpédié :

De : JPH <jeanpaul@couleurs-pays.fr>
Date : 16 mai 2009 15:55:13 HAEC
À : spip@rezo.net
Objet : Rép : [Spip] Rép : Image non centrée

Quentinbeau Beau De Loménie a écrit :

Merci de ta réponse,

Pour le moment le site est en LOCAL.

C’est effectivement le paramètre <imgxxx|center> que j’utilise. Et l’image apparait bien centrée dans la prévisualisation de l’admin. Mais lorsque je visualise le site, l’image est ferrée à gauche.

J’utilise la dernière version de spip.

normalement le modèle fonctionne parfaitement.
en vrac :
Quel squelette ? quelle est la largeur de ton image ?

Il y a plusieurs images dans mon articles, toutes n’ont pas la même taille.
Toutes plus petites que la zone d’affichage.

voir la taille de l’image par rapport à la zone d’affichage.
Voir le code source généré dans ta page sous ton navigateur

Le code source affiché par le navigateur est le suivant :

<p><span class='spip_document_4 spip_documents spip_documents_center' >
<img src='IMG/jpg/a735-jpg.jpg' width="300" height="400" alt="" /></span></p>

voir tes CSS si page perso
as-tu essayé le modèle <docxxx|center> ?

pour les images JPG j’utilise :<img4|center> … et c’est bien centré dans l’admin SPIP…

mon CSS pour cette zone de texte est le suivant :

.texte {font-family: verdana; font-size: 0.7em; color: #333333; margin-left:25px; margin-Right:10px;}

A+
JPH

liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

triton · Mai 16, 2009, 2:29

Quentinbeau Beau De Loménie a écrit :

Bonjour,

Mon texte est compris dans un <div> qui n'a aucun text-align:center. Et pour cause, je n'ai aucune envie que mon texte soit centré... je n'ai pas de "text-align" du tout. je ne comprend pas...

Compare ton code avec celui de l image centree ici :

en principe la class .spip_documents a une propriete text-align:center (sauf modif de ta part)
la class spip_documents_center est un element block qui fait 100% de large a l interieur duquel ton image peut se centrer
Si tu n as pas modifier ces proprietes, c est que tu as du declarer une class css qui prend la main sur celle ci, genre :
div {text-align:left!important}
ou img {float:left}
ou va savoir... les possibilites de nuissance sont enormes et difficile a démêler...
Le plus simple pour verifier peut etre, desactive ta css perso (tu la renommes, tu la vides...) et regarde ce qu il se passe pour ton image....
As tu installe firebug comme tout le monde te le recommande, parce que je pense que sans que l on puisse voir le site, ca va pas etre possible de t en dire plus...
triton

Quentin_Beau_de_Lome · Mai 16, 2009, 2:35

OUi j’ai installé FireBug même si je ne sais pas trop quoi en faire…

Ca me donne ca :

Comme ce que m’affiche le code source de ma page.

je n’ai aucun text-align ni img float dans mes CSS…

Début du message réexpédié :

De : triton <triton@pointcentral.net>
Date : 16 mai 2009 16:29:21 HAEC
À : Quentinbeau Beau De Loménie <quentinbeau@noos.fr>
Cc : spip@rezo.net
Objet : Rép : [Spip] Fwd: Rép : Image non centrée
Répondre à : triton@pointcentral.net

Quentinbeau Beau De Loménie a écrit :

Bonjour,

Mon texte est compris dans un
qui n’a aucun text-align:center. Et pour cause, je n’ai aucune envie que mon texte soit centré… je n’ai pas de « text-align » du tout. je ne comprend pas…

Compare ton code avec celui de l image centree ici :
http://www.spip.net/fr_article464.html

en principe la class .spip_documents a une propriete text-align:center (sauf modif de ta part)
la class spip_documents_center est un element block qui fait 100% de large a l interieur duquel ton image peut se centrer
Si tu n as pas modifier ces proprietes, c est que tu as du declarer une class css qui prend la main sur celle ci, genre :
div {text-align:left!important}
ou img {float:left}
ou va savoir… les possibilites de nuissance sont enormes et difficile a démêler…
Le plus simple pour verifier peut etre, desactive ta css perso (tu la renommes, tu la vides…) et regarde ce qu il se passe pour ton image…
As tu installe firebug comme tout le monde te le recommande, parce que je pense que sans que l on puisse voir le site, ca va pas etre possible de t en dire plus…
triton

triton · Mai 16, 2009, 2:42

Quentinbeau Beau De Loménie a écrit :

OUi j'ai installé FireBug même si je ne sais pas trop quoi en faire...

Ca me donne ca :

<span class="spip_document_2 spip_documents spip_documents_center">
<img width="300" height="400" alt="" src="IMG/jpg/a736-jpg.jpg"/>

en principe dans firebug a gauche tu as le volet html a droite un volet avec les proprietes css,
quand tu cliques a gauche sur une balise (par ex ton : span class="spip_document_2 spip_documents spip_documents_center
a droite il doit t afficher les proprietes des css qui s applique a ton element span.
Si une propriete est barree, c est qu elle est ecrasee par une autre propriete qui a plus de poids...
As tu teste de desactiver ta css ? au moins ca permettrait de voir si ton pb vient de la css perso)

Quentin_Beau_de_Lome · Mai 16, 2009, 2:47

J’ai viré dans le header, tous les liens vers mes fichiers CSS.

Malgrés le bordel crée, les images présentes dans le corps des articles sont toujours bien alignés à gauche… C’est à n’y rien comprendre.
Tout semble normal dans FireBug. pas de CSS barré voici le CSS affiché pour la balise image :

.texte {style.css (ligne 74)
color:#333333;
font-family:verdana;
font-size:0.7em;
}

Début du message réexpédié :

De : triton <triton@pointcentral.net>
Date : 16 mai 2009 16:42:43 HAEC
À : Quentinbeau Beau De Loménie <quentinbeau@noos.fr>
Cc : spip@rezo.net
Objet : Rép : [Spip] Fwd: Fwd: Rép : Image non centrée
Répondre à : triton@pointcentral.net

Quentinbeau Beau De Loménie a écrit :

OUi j’ai installé FireBug même si je ne sais pas trop quoi en faire…

Ca me donne ca :

en principe dans firebug a gauche tu as le volet html a droite un volet avec les proprietes css,
quand tu cliques a gauche sur une balise (par ex ton : span class="spip_document_2 spip_documents spip_documents_center
a droite il doit t afficher les proprietes des css qui s applique a ton element span.
Si une propriete est barree, c est qu elle est ecrasee par une autre propriete qui a plus de poids…
As tu teste de desactiver ta css ? au moins ca permettrait de voir si ton pb vient de la css perso)

Samy_RABIH · Mai 16, 2009, 2:56

Tu as un exemple en ligne ?

De : Quentinbeau Beau De Loménie [mailto:quentinbeau@noos.fr]
Envoyé : samedi 16 mai 2009 16:47
À : spip@rezo.net
Objet : [Spip] Fwd: Fwd: Fwd: Rép : Image non centrée

J’ai viré dans le header, tous les liens vers mes fichiers CSS.

Malgrés le bordel crée, les images présentes dans le corps des articles sont toujours bien alignés à gauche… C’est à n’y rien comprendre.

Tout semble normal dans FireBug. pas de CSS barré voici le CSS affiché pour la balise image :

.texte {style.css (ligne 74)

color:#333333;

font-family:verdana;

font-size:0.7em;

}

Début du message réexpédié :

De : triton <triton@pointcentral.net>

Date : 16 mai 2009 16:42:43 HAEC

À : Quentinbeau Beau De Loménie <quentinbeau@noos.fr>

Cc : spip@rezo.net

Objet : Rép : [Spip] Fwd: Fwd: Rép : Image non centrée

Répondre à : triton@pointcentral.net

Quentinbeau Beau De Loménie a écrit :

OUi j’ai installé FireBug même si je ne sais pas trop quoi en faire…

Ca me donne ca :

en principe dans firebug a gauche tu as le volet html a droite un volet avec les proprietes css,
quand tu cliques a gauche sur une balise (par ex ton : span class="spip_document_2 spip_documents spip_documents_center
a droite il doit t afficher les proprietes des css qui s applique a ton element span.
Si une propriete est barree, c est qu elle est ecrasee par une autre propriete qui a plus de poids…
As tu teste de desactiver ta css ? au moins ca permettrait de voir si ton pb vient de la css perso)

Quentin_Beau_de_Lome · Mai 16, 2009, 3:05

non

Début du message réexpédié :

De : « Samy RABIH » <samy.rabih@free.fr>
Date : 16 mai 2009 16:56:46 HAEC
À : ‹ Quentinbeau Beau De Loménie › <quentinbeau@noos.fr>, <spip@rezo.net>
Objet : RE: [Spip] Fwd: Fwd: Fwd: Rép : Image non centrée

Tu as un exemple en ligne ?

De : Quentinbeau Beau De Loménie [mailto:quentinbeau@noos.fr]
Envoyé : samedi 16 mai 2009 16:47
À : spip@rezo.net
Objet : [Spip] Fwd: Fwd: Fwd: Rép : Image non centrée

J’ai viré dans le header, tous les liens vers mes fichiers CSS.

Malgrés le bordel crée, les images présentes dans le corps des articles sont toujours bien alignés à gauche… C’est à n’y rien comprendre.

Tout semble normal dans FireBug. pas de CSS barré voici le CSS affiché pour la balise image :

.texte {style.css (ligne 74)

color:#333333;

font-family:verdana;

font-size:0.7em;

}

Début du message réexpédié :

De : triton <triton@pointcentral.net>

Date : 16 mai 2009 16:42:43 HAEC

À : Quentinbeau Beau De Loménie <quentinbeau@noos.fr>

Cc : spip@rezo.net

Objet : Rép : [Spip] Fwd: Fwd: Rép : Image non centrée

Répondre à : triton@pointcentral.net

Quentinbeau Beau De Loménie a écrit :

OUi j’ai installé FireBug même si je ne sais pas trop quoi en faire…

Ca me donne ca :

en principe dans firebug a gauche tu as le volet html a droite un volet avec les proprietes css,
quand tu cliques a gauche sur une balise (par ex ton : span class="spip_document_2 spip_documents spip_documents_center
a droite il doit t afficher les proprietes des css qui s applique a ton element span.
Si une propriete est barree, c est qu elle est ecrasee par une autre propriete qui a plus de poids…
As tu teste de desactiver ta css ? au moins ca permettrait de voir si ton pb vient de la css perso)

J-C · Mai 16, 2009, 3:23

Quentinbeau Beau De Loménie a écrit :

non

Début du message réexpédié :

De : « Samy RABIH » <samy.rabih@free.fr>
Date : 16 mai 2009 16:56:46 HAEC
À : ‹ Quentinbeau Beau De Loménie › <quentinbeau@noos.fr>, <spip@rezo.net>
Objet : RE: [Spip] Fwd: Fwd: Fwd: Rép : Image non centrée

Tu as un exemple en ligne ?

De : Quentinbeau Beau De Loménie [mailto:quentinbeau@noos.fr]
Envoyé : samedi 16 mai 2009 16:47
À : spip@rezo.net
Objet : [Spip] Fwd: Fwd: Fwd: Rép : Image non centrée

J’ai viré dans le header, tous les liens vers mes fichiers CSS.

Malgrés le bordel crée, les images présentes dans le corps des articles sont toujours bien alignés à gauche… C’est à n’y rien comprendre.

Tout semble normal dans FireBug. pas de CSS barré voici le CSS affiché pour la balise image :

.texte {style.css (ligne 74)

color:#333333;

font-family:verdana;

font-size:0.7em;

}

J’avais déjà eu le problème.
Depuis, je rajoute systématiquement ces règles dans ma feuille css et hop

.spip_documents {
text-align: center;
}
.spip_documents_center {
width: 100%;
margin: auto;
display: block;
}
.spip_documents_left {
float: left;
margin: 2px 15px 2px auto;
}
.spip_documents_right {
float: right;
margin: 10px auto 10px 15px;
}

Quentin_Beau_de_Lome · Mai 16, 2009, 3:27

Je viens de rajouter les lignes dans mon CSS. Rien n’a bougé.

Début du message réexpédié :

De : Jean-Christophe Villeneuve <jcvilleneuve@cegetel.net>
Date : 16 mai 2009 17:23:29 HAEC
À : Quentinbeau Beau De Loménie <quentinbeau@noos.fr>
Cc : spip@rezo.net
Objet : Rép : [Spip] Fwd: Fwd: Fwd: Fwd: Rép : Image non centrée

Quentinbeau Beau De Loménie a écrit :

non

Début du message réexpédié :

De : « Samy RABIH » <samy.rabih@free.fr>
Date : 16 mai 2009 16:56:46 HAEC
À : ‹ Quentinbeau Beau De Loménie › <quentinbeau@noos.fr>, <spip@rezo.net>
Objet : RE: [Spip] Fwd: Fwd: Fwd: Rép : Image non centrée

Tu as un exemple en ligne ?

De : Quentinbeau Beau De Loménie [mailto:quentinbeau@noos.fr]
Envoyé : samedi 16 mai 2009 16:47
À : spip@rezo.net
Objet : [Spip] Fwd: Fwd: Fwd: Rép : Image non centrée

J’ai viré dans le header, tous les liens vers mes fichiers CSS.

Malgrés le bordel crée, les images présentes dans le corps des articles sont toujours bien alignés à gauche… C’est à n’y rien comprendre.

Tout semble normal dans FireBug. pas de CSS barré voici le CSS affiché pour la balise image :

.texte {style.css (ligne 74)

color:#333333;

font-family:verdana;

font-size:0.7em;

}

J’avais déjà eu le problème.
Depuis, je rajoute systématiquement ces règles dans ma feuille css et hop

.spip_documents {
text-align: center;
}
.spip_documents_center {
width: 100%;
margin: auto;
display: block;
}
.spip_documents_left {
float: left;
margin: 2px 15px 2px auto;
}
.spip_documents_right {
float: right;
margin: 10px auto 10px 15px;
}

Quentin_Beau_de_Lome · Mai 16, 2009, 3:48

Problème résolu.

Après avoir copié collé le code CSS de Jean-Christophe qui ne fonctionnait pas, j’ai viré une partie du code pour ne garder que :

.spip_documents_center {
width: 100%;
margin: auto;
display: block;
}

Qui ne fonctionnait toujours pas.

J’ai rajouté

text-align: center;

pour donner :

.spip_documents_center {
width: 100%;
margin: auto;
display: block;
text-align: center;
}

Et maintenant celà fonctionne.

Je vous remercie de votre aide à tous. J’aurais tout de même bien aimé comprendre d’où vient le problème, car le résoudre sans comprendre, c’est pas trop mon truc :’(