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