Discussion Utilisateur:Olivier FAURAX

De Wiki de la communauté Mandriva.

Test, juste pour voir. Olivier FAURAX 29 août 2007 à 17:23 (CEST)

Kuiraĵo

Intéressant : c'est quoi ? Un blog ? yoho 7 août 2007 à 01:32 (CEST)

C'est de l'espéranto, et ça veut dire "Jus de cuisson" (ça serait un bon titre, tiens d'ailleurs) et c'est un résumé en français de cooker. Je voudrais que ça soit mensuel, je vais voir si je tiens. Olivier FAURAX (merci de signer)

Désolé pour la signature, j'oublie tout le temps... heureusement qu'il y a l'historique yoho 7 août 2007 à 01:32 (CEST)

CSS / HTML / DIV etc...

Salut,

J'ai tenté de mettre la page d'accueil sous forme CSS + HTML et mettre des div pour les trois cases du bas. Deux choses marchent, et deux choses ne marchent pas mais je ne trouve pas d'explication (je suis débutant en CSS).

Ce qui marche :

• Le titre de la page puise son style depuis le CSS
• Les boîtes en bas sont des div

Ce qui ne marche pas :

• Les boîtes en bas n'ont pas de style, alors qu'il est précisé dans le CSS
• Les titres en bas n'ont pas de style alors qu'il est précisé dans le CSS

N'hésite pas à modifier ma page si tu trouves le problème : Proposition_de_homepage_1_yoho

D'autre part, j'ai pu voir en mettant les boîtes en bas sous forme de CSS, que le redimensionneraient n'était pas très bien géré. En fait, à partir d'un moment lorsque l'on diminue la taille de la fenêtre en largeur, on se retrouve avec seulement 2 boîtes sur une ligne et la troisième sur la ligne qui suit, puis 3 boîtes verticalement alignées. Je préférais le tableau dans ce cas : la taille des boîtes se réduit en permanence mais les boîtes restent toujours alignées. Qu'est-ce que tu en penses ?

yoho 29 août 2007 à 12:48 (CEST)

Bon, au niveau du CSS, c'est pas mal, mais il faudrait qu'on prenne un moment pour un cours accéléré de CSS. Par exemple, tu n'es pas obligé de faire une classe spécifique pour les h2 de l'Accueil : au lieu de dire "les h2 de telles classes", tu dis plutôt "les h2 qui sont dans un div de telle classe". Comme ça, tu n'as à mettre de classe que sur le div, et tu allèges le code de la page.

Pour ce qui marche, c'est pas mal, j'ai vu. Le code HTML est même carrément meilleur.

Pour ce qui marche pas, pour moi, les boites sont stylées, les titres sont bleutés, vérifie que c'est pas ton cache qui te joue des tours, ou alors c'est le cache de Mediawiki. Il y a un truc pour forcer le recalcul, j'essayerai de le retrouver.

Le problème des boites que tu as, c'est du au fait que tu dépasses la largeur. Tu demandes 3 boites de largeur 33%, avec un padding de 1em. Ce qui te donne une largeur totale de 99%+6em > 100%. Ça dépasse forcément, et donc il y a retour à la ligne (ce qui est quand même meilleur que des cadres qui se chevauchent ou qui sortent de la page).

Si tu n'as rien compris à ce que je viens de dire, remplace la 1em par 1% et 33% par 31% et il faudra vraiment se faire une mini-formation à CSS. Malheuresement, je suis en 56k à partir du 30 août jusqu'à lundi 3 après-midi. Mais après, on pourra se faire un genre de réunion, en utilisant Inkscape comme tableau blanc (je ferai une doc, mais il suffit d'avoir un compte Jabber).

Olivier FAURAX 29 août 2007 à 13:27 (CEST)

Chasse ré soupière ça ! Pour le cache, non ce n'est pas ça, j'avais déjà testé avant que tu me le proposes... Je vais investiguer. yoho 29 août 2007 à 13:32 (CEST)

Bon, ben, on en reparle sur Jabber, à l'occasion. Olivier FAURAX 29 août 2007 à 13:41 (CEST)

Bon, j'ai essayé une page complète à base de "divs", mais j'ai lu sur un forum et je suis assez d'accord que "trop de divs tue le div". On s'embourbe à la fin alors qu'on peut faire la mise en page en deux coups de cuillère à pot avec des tables (surtout quand il s'agit d'aligner les élements). Bref, je suis arrivé à une situation hybride où il n'y a pas trop de table et pas trop de div : Proposition_de_homepage_2_yoho . Le seul problème de cette solution, c'est que le cadre des news n'est pas remonté suffisamment à côté du titre. Si on part sur des divs, il faut alors casser la structure de tableau à deux colonnes et une ligne qui a été mise en place. En fait, les divs, c'est bien quand une page comporte pas mal de texte, avec des élements graphiques à droite et à gauche, mais dès qu'on passe à trois éléments ou plus, je trouve que c'est assez galère, alors qu'un tableau ne fait pas de différence : trois ou quatres ou huits éléments alignés, c'est la même chose. Surtout que dans l'histoire, il y a des div de taille fixe et d'autre de taille variable : on s'en sort pas. yoho 30 août 2007 à 11:31 (CEST)

Je connais le "trop de div tue le div", mais cet argument dit justement que quand la mise en forme à un sens (par ex: c'est un titre), il est préférable d'utiliser un h2 plutôt qu'un div en gras. Et c'est justement ce qu'on veut pas faire ici, pour éviter d'hériter du style par défaut sur mediawiki sur les h2 et autres.

Yep, j'ai bien compris cela. Comme c'est une page d'accueil, ne pas hériter des propriétés du h2 de mediawiki est tant mieux : on ne veut pas dépendre du thème ni des prefs utilisateur, au moins pour cette page. yoho 30 août 2007 à 12:48 (CEST)

En fait, il faut bien comprendre que tous les éléments (même les tableaux) sont finalement des div et des spans avec un style par défaut donné par le navigateur. Donc n'importe quel design en tableau peut être convertit en div.

J'ai tout passé en div : http://wiki.mandriva.com/fr/index.php?title=Proposition_de_homepage_2_yoho&oldid=11908

Et j'ai remonté le cadre actualité : http://wiki.mandriva.com/fr/index.php?title=Proposition_de_homepage_2_yoho&oldid=11909

Et voilà !

Olivier FAURAX 30 août 2007 à 12:18 (CEST)

J'ai vu, merci beaucoup. Je sais que c'est du chipot, mais quand on diminue la largeur de la fenêtre, je trouve que la page apparaît un peu moins bien que la page d'accueil actuel. En fait, un grand blanc apparaît juste après le moment où les news sont côte à côte avec le div vert "télécharger" et quand on diminue encore un peu la fenêtre. L'étoile part à l'ouest et n'est même plus dans le texte. Mais bon, je pense qu'on pourra s'en passer. D'ailleurs, ce "télécharger" en vert, il n'y aurait pas un moyen plus simple d'avoir cela, plutôt qu'un div ? Parcequ'après tout ce n'est qu'une mise en forme du texte. yoho 30 août 2007 à 12:48 (CEST)

Maintenant, je veux pas te forcer non plus, hein. Si tu veux utiliser des tableaux, libre à toi, t'es un des seuls à avoir accès au CSS, donc c'est toi qui choisit.

Simplement, l'utilisation de div+CSS permet aussi de prendre en compte la page d'accueil dans un futur style CSS pour le wiki en entier.

Olivier FAURAX 30 août 2007 à 12:23 (CEST)

Bah, je trouve finalement la page pas plus compliquée qu'avec les tableaux, donc on est parti sur une page 100% div. Avec en plus, l'intérêt des thèmes. Maintenant, il reste de la syntaxe mediawiki, mais je ne sais pas si ça vaut le coup de tout enlever et de faire l'intégriste car le problème, c'est qu'on complique fortement la page. J'aime particulièrement le mix qui est fait pour les cadres en bas, je trouve ça assez élégant:

<div class="accueil_cadre">
[[Image:computer.png|right]]
== Débuter ==
* [[Choisir la bonne édition|Quelle édition Mandriva Linux choisir ?]]
* [[:Catégorie:Documentation sur les versions|L'espace Documentation sur les versions]]
* [[:Catégorie:Migration|L'espace Migration]]
* [[:Catégorie:Installer Mandriva|L'espace Installation]]
* [[:Catégorie:Configuration|L'espace Configuration]]
* [[Mettre à jour]]
* [[Foire_aux_questions|Foire aux questions]]
* [[Aide|Plus d'aide...]]
</div>

Mais on va bien devoir se passez des H2 ou == quand même, puisque sinon, il y a les numéros qui se ramènent. yoho 30 août 2007 à 12:48 (CEST)

Je suis arrivé à ce que je voulais ! Proposition_de_homepage_2_yoho. Tout ce qui est imbitable est dans cette page, tout ce qui est syntaxe wiki est dans des templates et tout ce qui est style est dans le CSS, youhou ! yoho 30 août 2007 à 17:37 (CEST)

Utilisez des <p> pour les titres, c'est n'importe quoi : les titres ne sont pas des paragraphes. Des h2 seraient plus logique, puisque c'est des sous-sections de la page, mais ils sont numérotés par la wiki. Donc il faut utiliser des "div" en réécrivant le style (taille de police, gras et couleur de fond).

Olivier FAURAX 30 août 2007 à 19:09 (CEST)

Les titres sont au moins autant des paragraphes que des div... La seule chose que l'on veut c'est que ce ne soit pas des <hX>. Donc pour moi, c'est du texte normal, sauf qu'il a une mise en forme. Je veux aller à la ligne après ce texte normal, donc pour moi ce sont des paragraphes. J'aurais à la limite pu utiliser des span, mais ça change pas grand chose au principe. Faut pas être intégriste comme ça :) yoho 31 août 2007 à 10:30 (CEST)

Un paragraphe, ça a un sens. Un div n'en a pas. Toute la différence est là.

En fait, tu utilises un "p", simplement pour le style par défaut que TON navigateur utilise fait ce que tu veux. Rien n'empêcherai un navigateur, par défaut, de mettre un alinéa sur la première ligne et de ne pas retourner à la ligne. Ben ouais, c'est un paragraphe.

Si ça marche avec des spans, fais-le avec des span. C'est pas une histoire d'intégrisme, c'est simplement que si quelqu'un utilise un navgateur HTML+CSS1, je sais que le rendu sera OK en faisant en div/span+CSS, alors qu'avec la page actuel, je suis obligé de vérifier le comportement par défaut de ce navigateur pour la balise "p".

Olivier FAURAX 31 août 2007 à 16:11 (CEST)

Nouveaux modèles

Salut,

j'ai vu que tu as modifié les modèles, mais ça a changé la façon dont certains apparaissent : SCIM et SKIM. Que dois-je faire pour qu'ils apparaissent à nouveau correctement ?
PS : as tu vu ma demande sur le forum (sujet : que manque-t-il au wiki) ? Est ce que ça te parait faisable ?
--AshLeDombos 29 septembre 2007 à 11:49 (CEST)

Rien, j'ai assuré la compatibilité à l'instant. Je les ai modifié à cause d'un bug qui empêchait d'utiliser les URL avec des paramètres http://truc.com/?param=machin . J'ai eu le problème avec les url du bugzilla (id_bug=1234). Tout est résolu maintenant. D'ailleurs, si jamais tu veux mettre dans une telle adresse, utilise la syntaxe : {{modèleTruc|msg=voici un url avec paramètre http://truc.com/page?param=machin}} (le "msg=" est la solution) Olivier FAURAX 29 septembre 2007 à 11:54 (CEST)

Non, j'ai pas vu ton message. URL ? Olivier FAURAX 29 septembre 2007 à 11:57 (CEST)

Ce message là :). Il y avait trois demandes (n'hésite pas à me traiter de relou !) Comme j'expliquais, une des demandes se rapproche de ce que tu as fait avec les notes, warning, mais avec une forme un peu différente, et surtout des balises début et fin permettant de pouvoir mettre en forme du texte long (un peu sur le principe de la boîte déroulante)--AshLeDombos 29 septembre 2007 à 12:57 (CEST)

TODO ! Si jamais tu veux apprendre à faire tes modèles, ça s'apprend vite si tu connais le HTML et le CSS. Olivier FAURAX 29 septembre 2007 à 14:35 (CEST)

proposition de modif des modèles genre "note", "avertissement"...

Je trouve que ces modèles ne se démarquent pas suffisamment du reste de la page. Voici une proposition:

Titre de message
L'idée étant d'éviter de devenir trop flashy et de rester dans la charte graphique des sites mandriva (j'ai "pipeté" sur l'un d'entre eux)

Je crois que justement, le principe est de ponctuer sans mettre un gros pâté de couleur. Olivier FAURAX 3 novembre 2007 à 19:09 (CET)