Discussion :

[Marina.zut]

Bonjour à tous !
Voila un petit souci que je n'arrive pas à résoudre.
Je suis en train d'intégrer un bouton 'remonter' sur mon site.
Ça marche très bien lorsque j'affiche la page du site via mon pc, mais ne marche pas lorsque je veux y accéder via mon tél !?
C.a.d le bouton apparait bien en bas de page à droite sur la page lorsque je descend. Mais lorsque je regarde la même page avec mon tel, seul le contenu du bouton "Up" apparait en bas à gauche, comme si le css n'était pas pris en compte !?
Sur mon tel, je suis allée vider le cache du navigateur (chrome), mais rien n'y fait !
Dans mon fichier css, rien n'est spécifié pour ce bouton dans la partie 'Media query' (donc a priori pas de changement / support)
Alors j'ai du louper qlqchose, mais quoi ?
Merci pour vos suggestions Smiley smile
Voici mon code css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#haut {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99;
  border: none; outline: none; background-color: #afcf1f;
  color: white; cursor: pointer; padding: 10px; border-radius: 20px; font-size: 20px;}
#haut:hover {background-color: #ddd;}

Et voici la ligne de code dans le fichier html (juste avant la balise fin de body)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<button onclick="retourHaut()" id="haut" title="Retour haut de page">Up.</button>

PS: complètement autodidacte, je ne suis pas une pro mais j'avance petit à petit Smiley smile

[darkstar123456]

Bonjour,

Si je peux me permettre, vous devriez indenter votre code, ca sera beaucoup plus lisible.
Il doit manquer quelque chose dans ce que vous montrez car d'après le code, le bouton ne devrait JAMAIS être visible vu qu'il a la propriété display: none;.

Pour être sûr que votre navigateur charge une version non cachée de votre CSS, vous pouvez ajouter un suffixe à l'URL.
Par exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<link rel="stylesheet" type="text/css" href="style.css?v=1.0" />
<!-- ou plus simplement avec des chiffres : -->
<link rel="stylesheet" type="text/css" href="style.css?123456" />

Ce qui compte c'est d'avoir un point d'interrogation comme pour n'importe quelle variable d'URL et de mettre n'importe quoi ensuite

[Marina.zut]

Merci bien. Problème résolu