Discussion MediaWiki:Common.css

Wrap

Manifestement ceux qui ont connaissance de cette page ne connaissent pas par cœur le code CSS "wrap" :

Effectuez toujours un [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ffr.wikiversity.org%2Fwiki%2FMediaWiki%3ACommon.css&warning=1&profile=css21&usermedium=all test de validation CSS] après chaque modification et [http://validator.w3.org/ vérifiez] que les pages concernées par les modifications de cette feuille de style produise un code html valide.

JackPotte 25 novembre 2009 à 18:02 (UTC)

51 erreurs

Quelqu'un peut-il confirmer que les erreurs du css-validator sont "normales", ou y aurait-il un grand travail à reprendre ? JackPotte 25 novembre 2009 à 18:13 (UTC)

Pris au hasard :

La propriété -moz-border-radius-bottomright n'existe pas :  0  

Ceci est du grand n’importe quoi. Cette propriété existe, c’est juste qu'elle n'est utilisable que sur les navigateurs Gecko (Firefox) (cf cette page WP) et il me semble qu'elle marche aussi sur les WebKit. C'est elle qui fait les jolis bords ronds des boutons en haut de la page (si on est pas passé à la bêta Açai).

De plus, les autres erreurs sont causées par le fait que le validator effectue le test pour le CSS 2.1 alors que la page est manifestement en 3.

Après, une chose intéressante serait de vérifier la version CSS supportée par Mediawiki. Je n'ai pu trouver l'info nulle part...

RM77 <=> We talk. 25 novembre 2009 à 18:26 (UTC)

En effet, il y a les mêmes problèmes sur les autres sites : w:Discussion_MediaWiki:Common.css#57_erreurs, w:Discussion_MediaWiki:Monobook.css#57_erreurs, wikt:Discussion_MediaWiki:Common.css#55_erreurs et wikt:Discussion_MediaWiki:Monobook.css#55_erreurs. JackPotte 25 novembre 2009 à 18:49 (UTC)

+ (en) MW:MediaWiki_talk:Common.css#45_errors. JackPotte 25 novembre 2009 à 19:03 (UTC)

Début de solution, il faut tester cette page au format raw pour faire tomber le chiffre Mediawiki de 45 à 0. Il reste donc 2 erreurs sur la présente page. JackPotte 28 novembre 2009 à 00:24 (UTC)

1. lightgray : cette couleur n’est pas dans les 16 de base.
2. Property -moz-border-radius doesn't exist : 8px, peut-être un problème de taille, je l'ignore. JackPotte 28 novembre 2009 à 00:43 (UTC) la propriété -moz* n'étant pas reconnue il faudrait peut-être ajouter display: devant. JackPotte

   En tout cas elle est sensée fonctionner pour Firefox et Netscape. JackPotte 28 novembre 2009 à 13:28 (UTC)

Classe degrade

Bonjour, pourrait-on importer la partie concernant la classe degrade de w:MediaWiki:Common.css :

/* Effets dégradés : utilisables pour un effet ombragé dans les modèles de cadre (par exemple : [[Portail:Montréal/Cadre]]). Ceux-ci ne doivent pas dépasser 43 pixels de hauteur au risque d'y voir un effet indésirable. Note : les effets en PNG ne sont pas résolus par IE6 et moins. Dernière mise à jour : 4 février 2010 */
/* Ombragé, fond transparent (png) */
.degrade       { background-image: url(http://upload.wikimedia.org/wikipedia/commons/f/fb/Gradient_43px.png); background-position:top; background-repeat:repeat-x;}
.degrade_rev   { background-image: url(http://upload.wikimedia.org/wikipedia/commons/6/61/Gradient_reversed_43px.png); background-position:top; background-repeat:repeat-x;}
/* Ombragé, gris fond blanc (jpg) */
.ombre         { background-image: url(http://upload.wikimedia.org/wikipedia/commons/e/ea/BGblue1_phixr.jpg); background-position:top; background-repeat:repeat-x;}
.ombre_pale    { background-image: url(http://upload.wikimedia.org/wikipedia/commons/0/06/BGblue2_phixr.jpg); background-position:top; background-repeat:repeat-x;}
/* Coloré, bleu/rouge fond blanc (jpg) */
.ombre_bl     { background-image: url(http://upload.wikimedia.org/wikipedia/commons/3/3e/BGblue1.jpg); background-position:top; background-repeat:repeat-x;}
.ombre_blpale { background-image: url(http://upload.wikimedia.org/wikipedia/commons/f/f7/BGblue2.jpg); background-position:top; background-repeat:repeat-x;}
.ombre_rg     { background-image: url(http://upload.wikimedia.org/wikipedia/commons/3/30/BGred1.jpg); background-position:top; background-repeat:repeat-x;}
.ombre_rgpale { background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/8f/BGred2.jpg); background-position:top; background-repeat:repeat-x;}

Merci d'avance, Cynddl ^[discussion] 13 avril 2011 à 11:30 (UTC)

JackPotte ($♠) 13 avril 2011 à 18:02 (UTC)

Demande de modification

.exposant {
vertical-align: text-top;
}

devrait être :

.exposant {
vertical-align: top;
}

L'alignement est horrible sinon… :

normal<sup class="exposant">exposant</sup>

renvoie:

normal^exposant

Cdt, Cynddl ^{( ⌧ )} 7 mai 2011 à 14:25 (UTC)

. Crochet.david 7 mai 2011 à 15:09 (UTC)