Styles qui ne veulent pas s'appliquer

[calimo]

Sur la page http://extensions.geckozone.org/Adblock/ j'ai deux choses étranges. Commencez par sélectionner le style "Geckozone (expérimental)", vous avez alors un style qui ressemble à celui du portail.
La feuille est http://extensions.geckozone.org/styles/geckozone.css

Là il y a deux choses que je n'arrive pas à faire. Premièrement j'aimerais décaler un peu les commentaires (pas les titres, juste le contenu entré par les utilisateurs). J'utilise donc (ligne 117)

Code : Tout sélectionner

#contenu p.commentaire {
	margin: 0.2em
	padding-left:50px;
}

Malgré ça les commentaires ne sont pas décalés. Je ne comprend pas pourquoi.

Deuxième chose (ligne 285) :

Code : Tout sélectionner

#menu_horizontal ul a:hover {
	background-color:white;
	background-image:none;
	color:#e0e8f2;
}

Le menu horizontal devrait donc se modifier au passage de la souris et le lien devenir bleu sur fond blanc. Or... il ne le fait pas Même avec des !important;

Si quelqu'un a une idée (ou encore mieux : deux ), je prend

[Mirovinben]

Je dois être un gros manche mais je ne vois pas comment changer de CSS dans la page que tu indiques... En plus, si j'utilise le valideur CSS3, en bas de la colonne de gauche, je sors plein de messages d'erreurs...

[calimo]

Je dois être un gros manche mais je ne vois pas comment changer de CSS dans la page que tu indiques...

Ben... comme sur toutes les pages Tu as pas Stylesheet Chooser Plus ? On a toujours dit que d'enlever le changeur de style par défaut c'était une connerie

En plus, si j'utilise le valideur CSS3, en bas de la colonne de gauche, je sors plein de messages d'erreurs...

Oui visiblement le validateur ne supporte pas encore les -moz-... et sors même deux erreurs d'un coup, mais je t'assures que la feuille est valide

[FF_Olivier]

Code : Tout sélectionner

#contenu p.commentaire {
	margin: 0.2em
	padding-left:50px;
}

Il manque le ; après 0.2em

Et si j'ai bien lu le code de la page:

Code : Tout sélectionner

<ul id="menu_horizontal">
  <li><a href="http://extensions.geckozone.org/" id="accueil" title="Retour à la page d'accueil" accesskey="1">Accueil</a></li>
  <li><a href="http://extensions.geckozone.org/Mozilla/" id="mozilla" title="Extensions en français pour la suite Mozilla">Mozilla</a></li>

  <li><a href="http://extensions.geckozone.org/Firefox/" id="firefox" title="Extensions en français pour Mozilla Firefox">Firefox</a></li>
  <li><a href="http://extensions.geckozone.org/Thunderbird/" id="thunderbird" title="Extensions en français pour Mozilla Thunderbird">Thunderbird</a></li>
  <li><a href="http://extensions.geckozone.org/Nvu/" id="nvu" title="Extensions en français pour Nvu">Nvu</a></li>
  <li><a href="http://extensions.geckozone.org/Aide/" id="aide" title="Si vous rencontrez un problème, regardez d'abord par ici !" accesskey="5">Besoin d'aide&nbsp;?</a></li>
  <li><a href="http://extensions.geckozone.org/Participer/" id="participer" title="Vous avez envie de participer à la vie du site ?">Participer</a></li>
  <li><a href="http://extensions.geckozone.org/Contact/" id="contact" title="Si vous avez des commentaires, des réclamations ou des problèmes, n'hésitez pas à avertir le webmaster" accesskey="9">Contact</a></li>

</ul>

...et ton CSS:

Code : Tout sélectionner

#menu_horizontal ul a:hover {
	background-color:white;
	background-image:none;
	color:#e0e8f2;
}

#menu_horizontal est l'id de la balise <ul> elle-même, il faudrait donc plutôt écrire qqc comme ul#menu_horizontal a:hover { ... }, car il n'y a pas filiation entre les deux, il me semble, mais caractérisation/identification.

[Mirovinben]

Je dois être un gros manche mais je ne vois pas comment changer de CSS dans la page que tu indiques...

Ben... comme sur toutes les pages Tu as pas Stylesheet Chooser Plus ? On a toujours dit que d'enlever le changeur de style par défaut c'était une connerie

Ben non, j'ai pô !... Désolé !

De toute façon je ne suis pas assez costaud en CSS pour t'aider sur ce coup ! Désolé !

[calimo]

Il manque le ; après 0.2em

Ah oui en effet
C'est tout de suite mieux

#menu_horizontal est l'id de la balise <ul> elle-même, il faudrait donc plutôt écrire qqc comme ul#menu_horizontal a:hover { ... }, car il n'y a pas filiation entre les deux, il me semble, mais caractérisation/identification.

Il devait être très tard quand je l'ai fait Tu as absolument raison
Maintenant la couleur du texte change correctement, mais... pas l'arrière-plan

En fait il fallait encore un !important... étrange, il me semblait qu'il n'y avait rien après

En tous cas ça fonctionne, merci infiniment

Ben non, j'ai pô !... Désolé !

De toute façon je ne suis pas assez costaud en CSS pour t'aider sur ce coup ! Désolé !

Rien ne t'empêche de l'installer
Il n'y a pas besoin d'être un utilisateur expérimenté, juste d'être curieux et d'avoir envie de découvrir les CSS alternatives de nombreux sites

[Benoit]

Je dois être un gros manche mais je ne vois pas comment changer de CSS dans la page que tu indiques...

Ben... comme sur toutes les pages Tu as pas Stylesheet Chooser Plus ? On a toujours dit que d'enlever le changeur de style par défaut c'était une connerie

Il n'est pas enlevé, il est dans le menu Affichage.

[Mirovinben]

Je dois être un gros manche mais je ne vois pas comment changer de CSS dans la page que tu indiques...

Ben... comme sur toutes les pages Tu as pas Stylesheet Chooser Plus ? On a toujours dit que d'enlever le changeur de style par défaut c'était une connerie

Il n'est pas enlevé, il est dans le menu Affichage.

Ben chui vraiment un gros manche : pas trouvé de menu Affichage dans la page http://extensions.geckozone.org/Adblock/
Et comme je suis également une grosse tanche, je n'ai installé que Web Developper et HTML validor pour développer et deboguer... J'ai tendance à penser, mais j'ai sans doute tort, que plus on charge la mule (ici FF), moins bien elle avance !...

[Benoit]

Je parlais du menu Affichage de Firefox

Affichage > Style de la page

[Mirovinben]

Je parlais du menu Affichage de Firefox

Affichage > Style de la page

c'est bien ce que je disais... chui une tanche !

Merci de ta patience

[calimo]

Il n'est pas enlevé, il est dans le menu Affichage.

Ben c'est bien pareil, la preuve Mirovinben n'est même pas au courant que ça existe
Dans la barre d'état il ne fait aucun doute qu'il l'aurait découvert

[Mirovinben]

Il n'est pas enlevé, il est dans le menu Affichage.

Ben c'est bien pareil, la preuve Mirovinben n'est même pas au courant que ça existe
Dans la barre d'état il ne fait aucun doute qu'il l'aurait découvert

C'est ça le pire... j'avions point vu qu'on pouvait commuter entre les différentes feuilles de style proposées par une page via une option de FF !

Mirovinben qui prend la décision d'explorer toutes les fonctionnalités de FF ce week-end... week-end qui s'annonce pluvieux à Dijon donc propice à ce type d'activité !

Et même que je continuerai à bosser les feuilles de style ! Na !

[calimo]

Eh ben justement avec StyleSheetChooser Plus tu as à nouveau ce bouton dans la barre d'état et en plus le style choisi est conservé sur tout le site