MiniGriSpip

Bonjour Frdm

Je vois que tu es un lève-tôt... 

frdm a écrit:

Ayant ajouté des boutons au "menu de l'en-tete : Accueil, Plan, Contact et Redaction", il devient moins esthétique d'avoir ce menu aligné à gauche. Je souhaiterais centrer horizontalement ce menu.

Aie très très bonne question... je me doutais un peu qu'un jour quelqu'un chercherait à centrer ces foutus petits boutons-liens, tel que je l'ai voulu au début lorsque j'ai imaginé ce menu, mais après des nombreux essais et d'innombrables tentatives, certaines prométeuses en apparence, mais donnant des effets vraiment "bizarres" sur certains navigateurs, j'ai me suis résolu à abandonner cette idée.

Ok, disons que le Html est assez pauvre en type d'objets graphiques qu'il sait gérer, limitation justement liée à la simplicité requise au debut pour arriver à traiter des faibles quantités de données, ce qui fait qu'il n'y a que deux types d'objets graphiques, les "inline" et les "box".

Les objets "inline" représentent toutes les données qui peuvent être affichées côte-à-côte, c'est à dire dans une même ligne.

Les objets "box" sont toutes les données qui créent, par défaut, un retour à la ligne, c'est à dire qu'il ne peut pas y avoir deux objets "box" sur la même ligne, sauf si, et uniquement si (à ma connaissance), on défini ces objets commes blocs flotants.

Alors, nous voici justement face à notre problème de menu horizontal.

Pour pouvoir disposer horizontalement des objets, soit nous utilisons des objets de type 'inline", soit nous utilisons des objets "box" avec comme principal attribut d'être "flotants".

Donc, pour arriver à réalises des boutons-liens, c'est à dire des liens qui s'affichent et se comportent comme des boutons, on utilise "normalement" des objets "box", soit matérialisés par des listes avec les balises "<ul>" et "<li>" habituellement, soit avec des blocs de type "<div>", mais, dans tout les cas, comme il s'agit des objets de type "box", on est contraint de leur appliquer un attribut "float" pour qu'ils puissent s'afficher sur la même ligne.

Or, l'attribut "float" ne dispose que de deux valeurs prédéfinies, "left" et "right", et cet attribut est prioritaire sur tous les autres attributs d'alignement... ce qui explique, en partie du moins, pourquoi il est si difficile de centrer des objets qui sont flotants...

Bon bon, il reste bien-sur la solution de tout mettre dans des tableaux Html, tel que se fesait au début, mais aujourd'hui les compositions graphiques à force de tableaux sont de plus en plus impopulaires, trop contraignantes et difficilement évolutives... bref, c'est une solution qui peut s'avérer efficace a priori, mais pas très conforme aux nouveaux standards en vigeueur sur la toile, surtout pour la réaalisation d'un dimple menu de navigation...

Alors, pour finir tout ce blabla, je dirais que, personnellement, je n'ai pas trouvé de solution efficace (hormis l'utilisation des tableaux, qui à mon avis ne se justifient pas dans ce cas), et surtout compatible avec la plupart des navigateurs, pour centrer les boutons-liens du bandeau d'en-tête de Mgs... ... mais je suis persuadé que des techniques existent, après, il s'agit juste d'une question de choix, ou de compromis entre le résultat souhaité et la complexité technique à mettre en oeuvre...

frdm a écrit:

J'ai fait un essai d'ajout "align: center" ...

Normalement, si mes souvenirs sont bons (mais il faudrait confirmer), l'attribut "align" est désormais considéré comme obsolète par les hautes instances du W3C, le grand manitout des standards du Web. Du coup, il est fort probable que certains navigateurs l'ignorent tout simplement, suivant le DTD décalré dans la page.

frdm a écrit:

Aurais-tu (ou un autre participant ici) une idée pour centrer horizontalement le "bloc horizontal des boutons"

Quelques pistes, les tutos chez Alsacréations, notamment la galerie des menus Css, enfin, toujours chez eux, leurs forums de discussion, réputés une référence en la matière...

Enfin, si jamais tu trouves une solution efficace, compatible et, surtout, pas trop compliquée à mettre en place (hormis les tableaux bien-sûr), je serais évidemment curieux de savoir comment tu y est parvenu...  tiens-moi au courant Stp...

à+

Bonjour Frdm

frdm a écrit:

Je viens d'installer la version 1.9.2b de Spip, sans problème par rapport à la 1.9.2a précédente.

Merci pour ces infos... j'ai pu faire évoluer ma version de développement et, là aussi, tout semble bien fonctionner... j'espère avoir bientôt un peu de temps à lui consacrer, si tout va bien, il y aura pas mal de nouveautés dans la prochaine version de Mgs...

Merci, à+

Rem. : Il s'agit ici de la version 1.6 de Mgs avec "patch calendrier corrigé-amélioré", version la plus récente de Mgs à l'époque de ce message.
----
Je viens d'installer la version 1.9.2c de Spip, sans problème par rapport à la 1.9.2b précédente.
Le paquet zip se trouve à l'endroit habituel
http://www.spip.net/fr_download
Les modifications sont documentées ici :
http://www.spip.net/fr_article3567.html#v192c

N.B. : L'installation de la 1.9.2c entraîne une mise à jour de la base de données, déclenchée lors de la première modification d'article (chez moi). Donc il faut déclencher une modification d'article (ouvrir la page d'édition d'un article, mais pas besoin de modifier réellement) pour déclencher la mise à jour de la base de données (des messages de mise à jour s'affichent).

Cordial,
frdm

Rem. : Il s’agit ici de la version 1.6 de Mgs avec “patch calendrier corrigé-amélioré”, version la plus récente de Mgs à l’époque de ce message, installée sur Spip 1.9.2c
----
Bonjour,
Existe-t-il un moyen, Css je suppose, mais je ne suis pas fort, d’avoir “d’un seul coup” tous les caractères qui sont en gras (dans les textes proprement dits, et les titres des articles et autres, le menu des rubriques : absolument tout ce qui est en gras), dans une couleur donnée (en l’occurrence «dimgray» ou autre «gray») ?
Merci... d’avance !
frdm
----
Évidemment j’ajoute déjà un bémol… il y a les titres dans les bandeaux, qui sont en blanc sur fond gris, et autant ne pas les affecter… ou plutôt, les affecter différemment, dans un autre gris.
Le but est de diminuer le contraste de “gras” avec la teinte de fond (et éventuellement entre “blanc” et “gris” de fond).

Dernière modification par frdm (28-10-2007 11:54:05)

Merci Fredo,

J’ai réussi à faire exactement ce que je voulais.

J’ai d'abord ajouté ton bout de code à la fin de mgs_style.css,
avec la couleur #505050 ;
puis j’ai ajouté cette couleur partout où il y avait "bold" ou "bolder",
puis j’ai ajouté cette couleur aux liens (sauf "hover", resté en #222).
Tout cela sauf pour les mentions des bandeaux, blanches sur fond gris.

Et voilà j’obtiens une approche du «gris typographique» pour les pages, par un contraste moins élevé des titres, du menu des rubriques, des liens soulignés et du "gras", avec le reste du texte et de l’habillage du site en général. Après cette opération, s’agissant des liens, la différence du "hover" est bien sûr plus marquée, ce qui ne m’est pas un inconvénient, au contraire.

(Le «gris typographique» est l’impression d’uniformité grise que l’on doit obtenir en tenant un livre à bout de bras et en fermant presque les yeux : critère d’une bonne mise en forme typographique.)

Encore merci  , tu m’as évité de chercher des complications là où certes il faut modifier en plusieurs occurrences (14 occurrence en tout dans mgs_style.css), mais c’est plutôt simple.

frdm