Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

Ma barre de défilement personnalisée ne s'affiche pas

Bazoo

Par Bazoo
dans Programmation

 Partager

Messages recommandés

Bazoo Extrem Member

Bazoo

Posté(e)
Posté(e)

Saluche!

 

Je suis en train de refaire mon site, et je n'arrive pas à faire s'afficher ma barre de défilement avec les couleurs que j'ai choisi.

 

Voici ma CSS:

 

.index {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing: normal;
text-align: justify;
vertical-align: baseline;
white-space: pre;
background-color: #999999;	
}


BODY{
scrollbar-arrow-color: #FF0000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #C0C0C0;

}

 

 

Et voici le lien sur ma page html:

 

<link href="style_index.css" rel="stylesheet" type="text/css">

 

La CSS marche bien pour d'autres choses, donc le problème ne vient pas d'une mauvaise adresse.

 

Si vous avez une idée du problème, merci de me conseiller!

 

A+

 

Bazoo

Lien vers le commentaire
Partager sur d’autres sites

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

Oui, il s'agit malheureusement de propriétés développées spécifiquement par Microsoft pour son navigateur Internet Explorer, en débordement du cadre des recommandations du W3C. Il est donc normal qu'elles n'aient pas été implémentées par les autres navigateurs.

 

Ceci dit, il est vrai que c'est dommage, parce que ces barres standard grises font souvent un peu tache dans une page un peu sophistiquée :P

Lien vers le commentaire
Partager sur d’autres sites
Bazoo Extrem Member

Bazoo

Posté(e)
  • Auteur
Posté(e)

Merci, je savais ça, justement mon code ne marche pas avec IE non plus, donc y'a un blème!

 

Par ailleurs, cela fait bien 5 ans qu'Opéra gère aussi ces barres colorées... Qu'il y ait 50% de visiteurs au minimum qui peuvent les voir, ça suffit largement pour implémenter le code :P

Lien vers le commentaire
Partager sur d’autres sites
  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

Qu'est-ce qui te fait dire que cela ne fonctionne pas sous Internet Explorer ? J'ai repris ton code tel quel, et chez moi l'ascenseur a bien pris les couleurs demandées… :P

 

<html><head>
<style type="text/css">
body {font-size:200px;
scrollbar-arrow-color: #FF0000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #C0C0C0;}
</style></head><body>
<p>a<br><br>b<br><br>c<br><br>d</p>
</body></html>

Nota : avec IE 6.0.29, pour être précis… :P

Lien vers le commentaire
Partager sur d’autres sites
  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

J'ai découvert une raison qui me semble un peu faible. Dans ton source HTML, body est en minuscules, alors qu'il est en majuscules dans ta feuille de style. Essaie en harmonisant les deux (théoriquement, en HTML 4.01, les balises doivent être en majuscules), chez moi cela a suffi à colorer les scrollbars… :P

 

Je suis le premier surpris que Internet Explorer se montre si strict dans son interprétation des feuilles de style… Néanmoins, il a raison, sur le fond ! Il semble que ce soit la présence de la DOCTYPE qui le rende si vigilant. Celle-là est pourtant particulièrement permissive… :P

Lien vers le commentaire
Partager sur d’autres sites
Bazoo Extrem Member

Bazoo

Posté(e)
  • Auteur
Posté(e)

Problème résolu grâce à toi, merci beaucoup! :P

 

J'avais complètement oublié que j'avais été confronté auparavant avec le même problème, et que pour le résoudre, j'avais viré la doctype! C'est ce que j'ai fait cette fois-ci et tout marche à merveille maintenant!

 

Xiexie! (merci en chinois)

 

A+

 

Bazoo

 

PS changer le texte du "body" ne fait pas de différence.

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...