Page 1 sur 1
Styles qui ne veulent pas s'appliquer
Publié : 05 févr. 2005, 18:14
par 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)
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
Publié : 06 févr. 2005, 08:33
par 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...
Publié : 06 févr. 2005, 10:35
par calimo
Mirovinben a écrit : 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
Mirovinben a écrit :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
Re: Styles qui ne veulent pas s'appliquer
Publié : 06 févr. 2005, 15:20
par FF_Olivier
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 ?</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;
}
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.
Publié : 07 févr. 2005, 05:22
par Mirovinben
calimo a écrit :Mirovinben a écrit : 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é !
Re: Styles qui ne veulent pas s'appliquer
Publié : 11 févr. 2005, 11:51
par calimo
FF_Olivier a écrit :Il manque le
; après 0.2em
Ah oui en effet
C'est tout de suite mieux
FF_Olivier a écrit :#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
Mirovinben a écrit :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
Publié : 11 févr. 2005, 13:44
par Benoit
calimo a écrit :Mirovinben a écrit : 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.
Publié : 11 févr. 2005, 13:53
par Mirovinben
Benoit a écrit :calimo a écrit :Mirovinben a écrit : 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 !...
Publié : 11 févr. 2005, 13:58
par Benoit
Je parlais du menu Affichage de Firefox
Affichage > Style de la page
Publié : 11 févr. 2005, 14:03
par Mirovinben
Benoit a écrit :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
Publié : 11 févr. 2005, 14:57
par calimo
Benoit a écrit :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
Publié : 11 févr. 2005, 15:20
par Mirovinben
calimo a écrit :Benoit a écrit :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 !
Publié : 11 févr. 2005, 16:05
par 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