|
| PB | Posté le 30/04/2004 @ 22:29 |
Astucien
1107 Messages
| |
Voici un exemple affreux (tout "red") à mettre entre le <head> et le </head> qui fonctionne sous Ie et ses dérivés mais pas sous Mozilla et les siens. Attention à votre <doc type>, notamment celui généré automatiquement par Dreamweaver qui engendre une incompatibilité avec le W3C et "bloque" l'effet souhaité !
<style type="text/css">
BODY {
scrollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-shadow-color: red;
scrollbar-arrow-color: red;
scrollbar-track-color: red;
}
</style> |
Bonjour,
Je crée un site à base de vert (#006600) et voudrais donc modifier la couleur de la barre de défilement vertical.
J'ai vu plusieurs pages sur le sujet mais je n'y arrive pas.
J'ai notamment visité ceci : http://forum.pcastuces.com/sujet.asp?SUJET_ID=61600
Mais rien à faire !
Petite précision : la barre se trouve dans un cadre (il s'agit bien d'une Frame et non pas d'une Iframe).
|
| |
| |
| Publicité |
|
|
| Nikhaia | Posté le 30/04/2004 à 22:36 |
Astucien
1044 Messages
| Salut,
Vas voir sur ce site où se trouve un générateur de [url="http://www.totalcrash.com/Scrollbar/"]scrollbar[/url] (barre de défilement verticale)
|
| |
|
| PB | Posté le 30/04/2004 à 22:45 |
Astucien
1107 Messages
| Nikhaia a écrit :
Salut,
Vas voir sur ce site où se trouve un générateur de [url="http://www.totalcrash.com/Scrollbar/"]scrollbar[/url] (barre de défilement verticale)
|
Salut,
On en arrive à la même chose que pour le lien évoqué dans mon premier message et ça va pas !
Merci tout de même |
| |
|
| anakin | Posté le 30/04/2004 à 23:13 |
Petit astucien
53 Messages
| Bonjour
enleve le dieze (#) essaye comme ceci: 006600 |
| |
|
| PB | Posté le 30/04/2004 à 23:18 |
Astucien
1107 Messages
| anakin a écrit :
Bonjour
enleve le dieze (#) essaye comme ceci: 006600
|
Salut,
tu me donnes une idée,
juste pour faire un essai, cela n'a rien à voir comme couleur mais elle va vite à écrire, si je faisais un essai avec
|
| |
|
| Hamstram | Posté le 30/04/2004 à 23:18 |
Petit astucien
32 Messages
| Salut !!
Voilà ce que je te conseille, un formulaire ou tu saisi tes couleurs hexadécimales et ça t'édite un code à insérer dans ta page html ou autre... :
[url]http://www.commentcreersonsite.com/Utilitaires/barre_coloree/barre_coloree.asp[/url]
Et une liste du code des couleurs héxadécimales :
[url]http://www.commentcreersonsite.com/HTML/Couleurs/couleurs.asp[/url]
Voilà, bonne chance ..
Modifié par Hamstram le 30/04/2004 23:21 |
| |
|
| PB | Posté le 30/04/2004 à 23:34 |
Astucien
1107 Messages
| Salutous,
Je vais laisser tomber car ça devrait marcher !
J'ai essayer ce qui suit dans le head avec et sans espace après les ":", avec et sans "#"
| <style type="text/css">
BODY {
scollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-shadow-color: red;
scrollbar-arrow-color: red;
scrollbar-track-color: red;
}
</style> |
!!!! |
| |
|
| greg_seth | Posté le 30/04/2004 à 23:59 |
Petit astucien
649 Messages
| Salut
| PB :
Petite précision : la barre se trouve dans un cadre (il s'agit bien d'une Frame et non pas d'une Iframe). |
Par hasard tu ne mettrais pas le code donné ici : http://forum.pcastuces.com/sujet.asp?SUJET_ID=61600 sur la mauvaise page ?
Il faut le placer sur la page qui aura les barres de défilement et pas le frameset. |
| |
|
| PB | Posté le 01/05/2004 à 00:05 |
Astucien
1107 Messages
| greg_seth a écrit :
Salut
| PB :
Petite précision : la barre se trouve dans un cadre (il s'agit bien d'une Frame et non pas d'une Iframe). |
Par hasard tu ne mettrais pas le code donné ici : http://forum.pcastuces.com/sujet.asp?SUJET_ID=61600 sur la mauvaise page ?
Il faut le placer sur la page qui aura les barres de défilement et pas le frameset.
|
Salut,
Malheureusement, je l'ai mis sur les bonnes pages !
A moins qu'il y ait interférence avec une feuille de style.
Je verrais un peu plus tard |
| |
|
| elle | Posté le 01/05/2004 à 00:12 |
Maîtresse astucienne
15714 Messages
| Salut
PB a écrit:
|
<style type="text/css">
BODY {
scollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-shadow-color: red;
scrollbar-arrow-color: red;
scrollbar-track-color: red;
}
</style>
|
S'il s'agit exactement du code que tu as essayé, il y a une erreur:
scollbar-face-color: red;
elle
[url="http://www.maboite.qc.ca/"]ma boîte[/url] |
| |
|
| francois62 | Posté le 01/05/2004 à 00:13 |
Petit astucien
105 Messages
| Surtout les scrollbars en css ne marchent que sous Internet Explorer, tu utilises bien IE?
|
| |
|
| Elorn | Posté le 01/05/2004 à 21:13 |
Petit astucien
187 Messages
| |
| |
|
| elle | Posté le 02/05/2004 à 04:15 |
Maîtresse astucienne
15714 Messages
| Bonjour,
J'ai écrit:
| S'il s'agit exactement du code que tu as essayé, il y a une erreur:
scollbar-face-color: red; |
L'erreur provient du générateur http://www.totalcrash.com/Scrollbar/ lui-même.
J'ai demandé à ce que l'erreur soit corrigée.
Modifié par elle le 02/05/2004 18:40 |
| |
|
| PB | Posté le 02/05/2004 à 22:43 |
Astucien
1107 Messages
| Bonjour,
Tout d'abord, merci à tous.
Ce qui me semblait étrange c'est que j'avais trouvé le code sur plusieurs sites différents donc l'erreur du "r" me paraîssait peu probable.
Donc, j'ai réfléchi et j'ai trouvé l'explication !
J'utilise Dreamweaver et ce dernier ajoute un code en début de page et c'est celui-ci qui empêche la lecture du code css en question !!!
Pourquoi ?
Ce code ne serait-il pas validé W3C et de fait ne serait pas lu dans la mesure où il est fait référence à cette norme ?
Ci-dessous la page créée qui pose problème :
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ça me gonfle !</title>
<style type="text/css">
BODY {
scrollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-shadow-color: red;
scrollbar-arrow-color: red;
scrollbar-track-color: red;
}
</style>
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br>
<br>
<br>
</p>
</body>
</html>
|
|
| |
|
| koala01 | Posté le 02/05/2004 à 23:20 |
Astucien
4715 Messages
| Faites quand meme attention au fait que les attributs scrollbar-xx ne sont reconnus que par IE et non par les navigateurs à base de opéra (netscape, Mozilla et autres)... |
| |
|
| PB | Posté le 02/05/2004 à 23:44 |
Astucien
1107 Messages
| koala01 a écrit :
Faites quand meme attention au fait que les attributs scrollbar-xx ne sont reconnus que par IE et non par les navigateurs à base de opéra (netscape, Mozilla et autres)...
|
Salut,
Merci... j'avais bien vu car je n'utilise Ie que pour faire des essais (1 % de mon temps avec les navigateurs, 98 % avec Firefox et le dernier % avec MyIe2 pour ce qui ne passe pas bien avec Firefox... et notamment les mises à jour M$). |
| |
|
| elle | Posté le 03/05/2004 à 14:19 |
Maîtresse astucienne
15714 Messages
| Bonjour PB,
Je crois bien que tu as raison.
Assez ironiquement, j'ai travaillé tard hier soir sur un site qui rencontrait le même problème. Après avoir vérifié le code de fond en comble, j'ai finalement modifié le <doctype> et la barre de défilement colorée s'affiche à nouveau.
J'allais te suggérer cette solution ce matin (enfin, ici au Québec) mais je vois que tu t'es bien débrouillé tout seul!
J'imagine que puisque la personnalisation de la barre de défilement n'est pas standard, ce doctype ne permet pas de l'appliquer.
Modifié par elle le 03/05/2004 18:41 |
| |
|
| PB | Posté le 03/05/2004 à 18:42 |
Astucien
1107 Messages
| elle a écrit :
Bonjour PB,
Je crois bien que tu as raison.
Assez ironiquement, j'ai travaillé tard hier soir sur un site qui rencontrait le même problème. Après avoir vérifié le code de fond en comble, j'ai finalement modifié le <doctype> et la barre de navigation colorée s'affiche à nouveau.
J'allais te suggérer cette solution ce matin (enfin, ici au Québec) mais je vois que tu t'es bien débrouillé tout seul!
|
Hello elle,
et coucou à tous nos amis du Québec... et aux autres aussi.
Pourquoi le <doctype> ?
Pourquoi ce paramétrage dans Dreamweaver ?
Il y a-t-il moyen d'éviter ces indications par défaut ?
Merci d'avance pour une réponse éventuelle ?
Ps : je ne comprends pas pourquoi tu ne mets pas ton réveil la nuit pour nous répondre ! [bigsmile] |
| |
|
| elle | Posté le 03/05/2004 à 19:14 |
Maîtresse astucienne
15714 Messages
| Salut PB
Pour des explications claires sur le doctype, tu peux aller voir ici: http://perso.wanadoo.fr/coin.des.experts/reponses/faq9_64.html
(A quoi sert la ligne DOCTYPE en tête de mes fichiers et que faut-il y mettre ?
Qu'est-ce-que c'est ?
A quoi ça sert ?
Le cas des Explorer et la commutation «mode Microsoft»/«mode W3C»
Est-il indispensable de mettre une URL ?)
PB a écrit:
| Pourquoi ce paramétrage dans Dreamweaver ?
Il y a-t-il moyen d'éviter ces indications par défaut ?
|
Je ne connais pas Dreamweaver mais il y a sûrement moyen de le paramétrer ... enfin j'espère pour toi sinon tu devras le faire à la main ...
PB a écrit:
| Ps : je ne comprends pas pourquoi tu ne mets pas ton réveil la nuit pour nous répondre !
|
Si tu le fais, je le ferai ! |
| |
|
| PB | Posté le 03/05/2004 à 22:30 |
Astucien
1107 Messages
| Merci elle,
Là ça commence à devenir technique pour moi.
J'ai l'impression que ce <doctype> m'apporte pas grand chose en revanche, il va me casser les pieds au niveau des css.
Je pense que je peux m'en passer... le tout est d'éviter de le faire manuellement... il n'y a plus qu'à chercher dans Dreamweaver.
Ps : au fait, tu l'as mis ton réveil ? [idee] |
| |
|
| elle | Posté le 04/05/2004 à 04:20 |
Maîtresse astucienne
15714 Messages
| Bonsoir,
PB a écrit:
| Là ça commence à devenir technique pour moi.
J'ai l'impression que ce <doctype> m'apporte pas grand chose en revanche, il va me casser les pieds au niveau des css.
Je pense que je peux m'en passer... le tout est d'éviter de le faire manuellement... il n'y a plus qu'à chercher dans Dreamweaver.
Ps : au fait, tu l'as mis ton réveil ? |
Le doctype fait référence à la norme HTML utilisée. Il est
indispensable pour faire valider les pages par le W3C et pour qu'elles soient correctement interprétées par les navigateurs récents.
Personnellement, je laisse tomber l'url et je ne mets que <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> et j'arrive à faire valider quand même.
Pourquoi mettre mon réveil? Il n'est que 22h15 ...
|
| |
|
| PB | Posté le 04/05/2004 à 08:37 |
Astucien
1107 Messages
| Merci elle pour ton complément de réponse très intéressant.
Reste plus qu'à virer cette url et éventuellement à trouver le paramétrage "à des couettes" car cette fois-ci c'est certain c'est la nuit pour toi [clindoeil] |
| |
|
|
| Haut de la page |