comment centrer un logo de spip

Général
1

J’ai essayé

[(#LOGO_ARTICLE_RUBRIQUE|center)]
[(#LOGO_ARTICLE_RUBRIQUE{center})]

Dans une grille w3-scool:

#LOGO_ARTICLE_RUBRIQUE

avec le css de spip.css

#LOGO_ARTICLE_RUBRIQUE

RIEN le logo est toujours à gauche ???
Comment faites-vous?

2

ta essayé de retourner l’écran

je suis loinnnnnnnnnnnnnnn

3 
.spip_logos {
    float: center;
}

pas tester

4

Avec

.spip_logos {
    float: center;
}

ne fonctionne pas

Le jeu. 5 mars 2020 à 14:16, teamspipfactory@gmail.com <teamspipfactory@gmail.com> a écrit :

.spip_logos {
    float: center;
}

pas tester

Le 05/03/2020 à 19:49, Renée Picard a écrit :

J’ai essayé

[(#LOGO_ARTICLE_RUBRIQUE|center)]
[(#LOGO_ARTICLE_RUBRIQUE{center})]

Dans une grille w3-scool:

#LOGO_ARTICLE_RUBRIQUE

avec le css de spip.css

#LOGO_ARTICLE_RUBRIQUE

RIEN le logo est toujours à gauche ???
Comment faites-vous?

_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [https://listes.rezo.net/mailman/listinfo/spip](https://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)

-- 
[spipfactory.fr](http://spipfactory.fr)
----
Perdu dans la Galaxie SPIP ?
[https://boussole.spip.net/](https://boussole.spip.net/)
[https://git.spip.net/](https://git.spip.net/)

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

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

Irc : de l’aide à toute heure : http://spip.net/irc

5

Une URL pour voir les styles en place ?

JC

6

Je suis dans un site en développement

Le jeu. 5 mars 2020 à 15:23, Jean Christophe Villeneuve <jean-chris.villeneuve@ac-lyon.fr> a écrit :

Une URL pour voir les styles en place ?

JC

Le 05/03/2020 à 19:49, Renée Picard a écrit :

J’ai essayé

[(#LOGO_ARTICLE_RUBRIQUE|center)]
[(#LOGO_ARTICLE_RUBRIQUE{center})]

Dans une grille w3-scool:

#LOGO_ARTICLE_RUBRIQUE

avec le css de spip.css

#LOGO_ARTICLE_RUBRIQUE

RIEN le logo est toujours à gauche ???
Comment faites-vous?

_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [https://listes.rezo.net/mailman/listinfo/spip](https://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

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

Irc : de l’aide à toute heure : http://spip.net/irc

7

Alors ça va être difficile d'aider ...

En tout cas, je pense qu'il faut jouer avec .spip_logos
Peut-être

.spip_logos{
text-align: center;
}
||
JC

Le 05/03/2020 à 21:38, Renée Picard a écrit :

Je suis dans un site en développement

Le jeu. 5 mars 2020 à 15:23, Jean Christophe Villeneuve <jean-chris.villeneuve@ac-lyon.fr <mailto:jean-chris.villeneuve@ac-lyon.fr>> a écrit :

    Une URL pour voir les styles en place ?

    JC

    Le 05/03/2020 à 19:49, Renée Picard a écrit :

    J'ai essayé
    [(#LOGO_ARTICLE_RUBRIQUE|center)]
    [(#LOGO_ARTICLE_RUBRIQUE{center})]

    Dans une grille w3-scool:
    <div class="w3-panel w3-red w3-center">
    #LOGO_ARTICLE_RUBRIQUE
    </div>

    avec le css de spip.css
    <div class="spip_logo_center">
    #LOGO_ARTICLE_RUBRIQUE
    </div>

    RIEN le logo est toujours à gauche ???
    Comment faites-vous?

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un mail àspip-off@rezo.net <mailto:spip-off@rezo.net>

    Archives :https://www.mail-archive.com/spip@rezo.net/maillist.html

    Infos :https://listes.rezo.net/mailman/listinfo/spip

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

    Irc : de l'aide à toute heure :http://spip.net/irc

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

    Infos : https://listes.rezo.net/mailman/listinfo/spip

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

    Irc : de l'aide à toute heure : http://spip.net/irc

8

Je viens de passer tout cela sur un site pur spip sans modification

http://www.reneepicard.ca/savons/spip.php?article7

Le jeu. 5 mars 2020 à 16:01, Jean-Christophe Villeneuve <jcvilleneuve@cegetel.net> a écrit :

Alors ça va être difficile d’aider …

En tout cas, je pense qu’il faut jouer avec .spip_logos
Peut-être

.spip_logos{
text-align: center;
}
``
JC

Le 05/03/2020 à 21:38, Renée Picard a écrit :

Je suis dans un site en développement

Le jeu. 5 mars 2020 à 15:23, Jean Christophe Villeneuve <jean-chris.villeneuve@ac-lyon.fr> a écrit :

Une URL pour voir les styles en place ?

JC

Le 05/03/2020 à 19:49, Renée Picard a écrit :

J’ai essayé

[(#LOGO_ARTICLE_RUBRIQUE|center)]
[(#LOGO_ARTICLE_RUBRIQUE{center})]

Dans une grille w3-scool:

#LOGO_ARTICLE_RUBRIQUE

avec le css de spip.css

#LOGO_ARTICLE_RUBRIQUE

RIEN le logo est toujours à gauche ???
Comment faites-vous?

_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [https://listes.rezo.net/mailman/listinfo/spip](https://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

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

Irc : de l’aide à toute heure : http://spip.net/irc

9

salut,
déjà un
.spip_logo { float:none; }
et ensuite suivant l’environnement, ça peut suffire…

10

Le 05/03/2020 à 22:18, Renée Picard a écrit :

Je viens de passer tout cela sur un site pur spip sans modification
http://www.reneepicard.ca/savons/spip.php?article7

Ok je vois, il faut que tu ajoutes ça dans ta css :

.spip_logo_center {
     float: none;
}

et [(#LOGO_ARTICLE_RUBRIQUE|center)] fonctionnera.

D'ailleurs, il faudrait en fait l'ajouter dans les css de SPIP pour corriger cette erreur.

--
nicod_

11

alors avec ça ?

.spip_logos {
float: none;
display: block;
margin: auto;
}

12

oui bien sur cette solution est bien mieux que la mienne, elle ne cible que les logos que l'on veut centrer.

JC

Le 05/03/2020 à 22:25, nicod_ a écrit :

Le 05/03/2020 à 22:18, Renée Picard a écrit :

Je viens de passer tout cela sur un site pur spip sans modification
http://www.reneepicard.ca/savons/spip.php?article7

Ok je vois, il faut que tu ajoutes ça dans ta css :

.spip_logo_center {
float: none;
}

et [(#LOGO_ARTICLE_RUBRIQUE|center)] fonctionnera.

D'ailleurs, il faudrait en fait l'ajouter dans les css de SPIP pour corriger cette erreur.

13

Bonsoir,

Sans les classes css spip, spip_logo spip_logo_center spip_logos, cela
fonctionne parfaitement avec la classe w3.css w3-center.

<div class="w3-panel w3-red w3-center">
<img alt="" src="IMG/arton7.png?1583442354" width="70" height="43">
</div>

Cordialement,

Eric

https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_text_center

14

Toujours pas de logo centré!

Dans le html avec des fonds colorés pour me répérer
Les 2 logos toujours à gauche.

Les lettres (aaa) et (bbb) bien centées dans le panel ???:

[(#LOGO_ARTICLE_RUBRIQUE|center)]

aaa #LOGO_ARTICLE_RUBRIQUE

bbb #LOGO_ARTICLE_RUBRIQUE

dans le css:
.spip_logo {
float: none;
}
.spip_logos {
float: none;
}
.centrer{
display:block;
width:auto;
margin-left:auto;
margin-right:auto; }

spip_logo_center {
float: none;
}
.spip_logos {
float: none;
display: block;
margin: auto;}

Le jeu. 5 mars 2020 à 16:45, Jean-Christophe Villeneuve <jcvilleneuve@cegetel.net> a écrit :

alors avec ça ?

.spip_logos {
float: none;
display: block;
margin: auto;
}

Le 05/03/2020 à 22:18, Renée Picard a écrit :

Je viens de passer tout cela sur un site pur spip sans modification

http://www.reneepicard.ca/savons/spip.php?article7

Le jeu. 5 mars 2020 à 16:01, Jean-Christophe Villeneuve <jcvilleneuve@cegetel.net> a écrit :

Alors ça va être difficile d’aider …

En tout cas, je pense qu’il faut jouer avec .spip_logos
Peut-être

.spip_logos{
text-align: center;
}
``
JC

Le 05/03/2020 à 21:38, Renée Picard a écrit :

Je suis dans un site en développement

Le jeu. 5 mars 2020 à 15:23, Jean Christophe Villeneuve <jean-chris.villeneuve@ac-lyon.fr> a écrit :

Une URL pour voir les styles en place ?

JC

Le 05/03/2020 à 19:49, Renée Picard a écrit :

J’ai essayé

[(#LOGO_ARTICLE_RUBRIQUE|center)]
[(#LOGO_ARTICLE_RUBRIQUE{center})]

Dans une grille w3-scool:

#LOGO_ARTICLE_RUBRIQUE

avec le css de spip.css

#LOGO_ARTICLE_RUBRIQUE

RIEN le logo est toujours à gauche ???
Comment faites-vous?

_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [https://listes.rezo.net/mailman/listinfo/spip](https://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

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

Irc : de l’aide à toute heure : http://spip.net/irc

15

Avec:
.spip_logo {
float: none;
}
.spip_logos {
float: none;

}

Je suis capable de le centrer avec

#LOGO_ARTICLE_RUBRIQUE

Merci beaucoup. C’est parfait pour afficher le grand logo

Je vais maintenant tester cela en ajoutant des documents dans la page.

Je m’inquiète pour l’alignement des petites vignettes.

À suivre

Le jeu. 5 mars 2020 à 17:26, Renée Picard <sitememoires@gmail.com> a écrit :

Toujours pas de logo centré!

Dans le html avec des fonds colorés pour me répérer
Les 2 logos toujours à gauche.

Les lettres (aaa) et (bbb) bien centées dans le panel ???:

[(#LOGO_ARTICLE_RUBRIQUE|center)]

aaa #LOGO_ARTICLE_RUBRIQUE

bbb #LOGO_ARTICLE_RUBRIQUE

dans le css:
.spip_logo {
float: none;
}
.spip_logos {
float: none;
}
.centrer{
display:block;
width:auto;
margin-left:auto;
margin-right:auto; }

spip_logo_center {
float: none;
}
.spip_logos {
float: none;
display: block;
margin: auto;}

Le jeu. 5 mars 2020 à 16:45, Jean-Christophe Villeneuve <jcvilleneuve@cegetel.net> a écrit :

alors avec ça ?

.spip_logos {
float: none;
display: block;
margin: auto;
}

Le 05/03/2020 à 22:18, Renée Picard a écrit :

Je viens de passer tout cela sur un site pur spip sans modification

http://www.reneepicard.ca/savons/spip.php?article7

Le jeu. 5 mars 2020 à 16:01, Jean-Christophe Villeneuve <jcvilleneuve@cegetel.net> a écrit :

Alors ça va être difficile d’aider …

En tout cas, je pense qu’il faut jouer avec .spip_logos
Peut-être

.spip_logos{
text-align: center;
}
``
JC

Le 05/03/2020 à 21:38, Renée Picard a écrit :

Je suis dans un site en développement

Le jeu. 5 mars 2020 à 15:23, Jean Christophe Villeneuve <jean-chris.villeneuve@ac-lyon.fr> a écrit :

Une URL pour voir les styles en place ?

JC

Le 05/03/2020 à 19:49, Renée Picard a écrit :

J’ai essayé

[(#LOGO_ARTICLE_RUBRIQUE|center)]
[(#LOGO_ARTICLE_RUBRIQUE{center})]

Dans une grille w3-scool:

#LOGO_ARTICLE_RUBRIQUE

avec le css de spip.css

#LOGO_ARTICLE_RUBRIQUE

RIEN le logo est toujours à gauche ???
Comment faites-vous?

_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [https://listes.rezo.net/mailman/listinfo/spip](https://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

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

Irc : de l’aide à toute heure : http://spip.net/irc

16

C’est bon. J’ai ajouté 2 documents et les petites vignettes s’enlignent bien côte-à-côte.

Merci encore!

Le jeu. 5 mars 2020 à 18:10, Renée Picard <sitememoires@gmail.com> a écrit :

Avec:
.spip_logo {
float: none;
}
.spip_logos {
float: none;

}

Je suis capable de le centrer avec

#LOGO_ARTICLE_RUBRIQUE

Merci beaucoup. C’est parfait pour afficher le grand logo

Je vais maintenant tester cela en ajoutant des documents dans la page.

Je m’inquiète pour l’alignement des petites vignettes.

À suivre

Le jeu. 5 mars 2020 à 17:26, Renée Picard <sitememoires@gmail.com> a écrit :

Toujours pas de logo centré!

Dans le html avec des fonds colorés pour me répérer
Les 2 logos toujours à gauche.

Les lettres (aaa) et (bbb) bien centées dans le panel ???:

[(#LOGO_ARTICLE_RUBRIQUE|center)]

aaa #LOGO_ARTICLE_RUBRIQUE

bbb #LOGO_ARTICLE_RUBRIQUE

dans le css:
.spip_logo {
float: none;
}
.spip_logos {
float: none;
}
.centrer{
display:block;
width:auto;
margin-left:auto;
margin-right:auto; }

spip_logo_center {
float: none;
}
.spip_logos {
float: none;
display: block;
margin: auto;}

Le jeu. 5 mars 2020 à 16:45, Jean-Christophe Villeneuve <jcvilleneuve@cegetel.net> a écrit :

alors avec ça ?

.spip_logos {
float: none;
display: block;
margin: auto;
}

Le 05/03/2020 à 22:18, Renée Picard a écrit :

Je viens de passer tout cela sur un site pur spip sans modification

http://www.reneepicard.ca/savons/spip.php?article7

Le jeu. 5 mars 2020 à 16:01, Jean-Christophe Villeneuve <jcvilleneuve@cegetel.net> a écrit :

Alors ça va être difficile d’aider …

En tout cas, je pense qu’il faut jouer avec .spip_logos
Peut-être

.spip_logos{
text-align: center;
}
``
JC

Le 05/03/2020 à 21:38, Renée Picard a écrit :

Je suis dans un site en développement

Le jeu. 5 mars 2020 à 15:23, Jean Christophe Villeneuve <jean-chris.villeneuve@ac-lyon.fr> a écrit :

Une URL pour voir les styles en place ?

JC

Le 05/03/2020 à 19:49, Renée Picard a écrit :

J’ai essayé

[(#LOGO_ARTICLE_RUBRIQUE|center)]
[(#LOGO_ARTICLE_RUBRIQUE{center})]

Dans une grille w3-scool:

#LOGO_ARTICLE_RUBRIQUE

avec le css de spip.css

#LOGO_ARTICLE_RUBRIQUE

RIEN le logo est toujours à gauche ???
Comment faites-vous?

_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [https://listes.rezo.net/mailman/listinfo/spip](https://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

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

Irc : de l’aide à toute heure : http://spip.net/irc