CSS2

En essayant de mettre SPIP en service (1.7), j'ai rapidement compris que je
dois me mettre a CSS.
Ayant telechargé "TopStyle 3.10 Trial" et verifiant pour CSS2, il me signale
des erreurs dans les feuilles de style de SPIP (celles par défaut).

Par exemple, en habillage.css, il m'avertit:
.cartouche .spip_logos
.spip_bouton
  => This selector contains an underscore, which will cause many browsers to
ignore it.

et

.signatures td {
  -moz-border-radius: 0.4em;
}
  => Invalid property. The character "-" should not precede the property
name.

ou encore, dans spip_style.css:

table.spip td {
  vertical-align: center;
}
  => center is not a valid value for vertical-align

Comme je suis tout débutant dans tout cela, je ne sais pas si je devrais
m'inquieter: est-ce que quelqu'un sait me dire si ces "erreurs" signalées
sont trop pointilleuses, ou est-ce que ca vaut la peine d'essayer de les
corriger?

merci, Paolo

On Sat, 27 Sep 2003, Paolo wrote:

En essayant de mettre SPIP en service (1.7), j'ai rapidement compris que je
dois me mettre a CSS.

C'est le HTML qui a besoin des CSS, et non SPIP: si tu fais des pages web
sans CSS d'habitude tu pourras les faires sans avec SPIP.
Mais la manière correcte de faire du HTML est de mettre des CSS... :wink:

Par exemple, en habillage.css, il m'avertit:
.cartouche .spip_logos
.spip_bouton
  => This selector contains an underscore, which will cause many browsers to
ignore it.

Un problème "historique" laissé pour des raison de compatibilité... Faudra
bien un jour en avoir raison, mais pour le moment il est là dans beaucoup
de styles spip...

.signatures td {
  -moz-border-radius: 0.4em;
}
  => Invalid property. The character "-" should not precede the property
name.

Extension mozilla spécifique, j'ignore pourquoi ce '-' (mais il est dans
la doc mozilla).

ou encore, dans spip_style.css:
table.spip td {
  vertical-align: center;
}
  => center is not a valid value for vertical-align

Heu, là je ne sais pas.

Comme je suis tout débutant dans tout cela, je ne sais pas si je devrais
m'inquieter: est-ce que quelqu'un sait me dire si ces "erreurs" signalées
sont trop pointilleuses, ou est-ce que ca vaut la peine d'essayer de les
corriger?

Tu peux laisser, je pense.

  Yannick

--
_/ Yannick Patois _________________ Address (home) __________________
| irc(undernet): Garp on #france25+ | 17, rue du Tonkin |
| email : patois@calvix.org | Apt. 9G, 3iem |
| http://garp.feelingsurfer.net/ | 69100 Villeurbanne |
| Tel-home: +33 (0)4 78 89 76 47 | FRANCE |

Tu peux laisser tels quels ça fonctionne...

par contre pour ne pas t'y perdre, crée un nouveau fichier CSS (ou
plusieurs), pour tes propres styles d'habillage et de décoration, et ne
rajoute rien à spip_style.css (qui peut évoluer avec les nouvelles version
de spip, donc écrasera l'ancienne version, donc si tu mets tes styles dedans
tu perdras tout :wink: )

si tu veux un exemple : je crée pour ma part 3 fichiers .css à la racine de
chacun de mes sites sous spip

- typo_nomsite.css : où je mets les .class
- habillage_nomsite.css : où je mets les sélecteurs, les paramètres de
calques ou de boites (#nomselect {hdfklhdf:sqgdfkqgfk}
- balise_nomsite.css : où je mets les modifications de balises html et les
pseudo-classe a:link, etc.

ensuite si tu es tout-tout débutant, comme pour beaucoup de choses, commence
par regarder comment font les autres et imite en ayant quelques sites de
références sous le coude (il y en a dans les archives de la liste)
www.openweb.eu.org par exemple...

d'ailleurs tu peux déjà regarder le très propre travail d'Antoine sur les
css des squelettes par défaut...

Pour le vertical-align:center, en CSS2 si je ne me trompe il faut mettre
vertical-align:middle

"Yannick Patois" <patois@calvix.org> a écrit dans le message de news:
20030927215142.Q19155@quasimodo.interhost.fr...

On Sat, 27 Sep 2003, Paolo wrote:
> En essayant de mettre SPIP en service (1.7), j'ai rapidement compris que

je

> dois me mettre a CSS.

C'est le HTML qui a besoin des CSS, et non SPIP: si tu fais des pages web
sans CSS d'habitude tu pourras les faires sans avec SPIP.
Mais la manière correcte de faire du HTML est de mettre des CSS... :wink:

> Par exemple, en habillage.css, il m'avertit:
> .cartouche .spip_logos
> .spip_bouton
> => This selector contains an underscore, which will cause many

browsers to

> ignore it.

Un problème "historique" laissé pour des raison de compatibilité... Faudra
bien un jour en avoir raison, mais pour le moment il est là dans beaucoup
de styles spip...

> .signatures td {
> -moz-border-radius: 0.4em;
> }
> => Invalid property. The character "-" should not precede the property
> name.

Extension mozilla spécifique, j'ignore pourquoi ce '-' (mais il est dans
la doc mozilla).

> ou encore, dans spip_style.css:
> table.spip td {
> vertical-align: center;
> }
> => center is not a valid value for vertical-align

Heu, là je ne sais pas.

>
> Comme je suis tout débutant dans tout cela, je ne sais pas si je devrais
> m'inquieter: est-ce que quelqu'un sait me dire si ces "erreurs"

signalées

> sont trop pointilleuses, ou est-ce que ca vaut la peine d'essayer de les
> corriger?

Tu peux laisser, je pense.

Yannick

--
_/ Yannick Patois _________________ Address (home) __________________
| irc(undernet): Garp on #france25+ | 17, rue du Tonkin |
| email : patois@calvix.org | Apt. 9G, 3iem |
| http://garp.feelingsurfer.net/ | 69100 Villeurbanne |
| Tel-home: +33 (0)4 78 89 76 47 | FRANCE |

Pour le vertical-align:center, en CSS2 si je ne me trompe il faut mettre
vertical-align:middle

au passage je rappelle que avec les css il y a un ordre d'appel des styles,
donc si on veut changer un style spip_ sans risquer un bleme lors d'une mise
à jour il suffit d'indiquer ce style dans une autre css appellée après celle
de spip, ce style "écrasera" celui par défaut.

Dorian