Bonjour ! 

J'ai longuement hésité à poster ce sujet ici ou dans a section "Javascript", mais mon choix est fait, en espérant que c'est le bon !

J'utilise Bootstrap sur mon site internet, CMonCours, depuis quelques temps, et quelques utilisateurs me disent rencontrer des problèmes avec les liens sous forme de boutons, présents par exemple ici : www.cmoncours.com/cours/. J'ai pas mal cherché, et je n'arrive pas à trouver la source du problème, qui ne se reproduit pas chez moi.

Voici les environnements pour lesquels le bug apparaît :

• iOS 8.1 (iPad), Safari
• Windows 7, Firefox 37.0.2
• Windows 7, Google Chrome 42.0

C'est pour le moment les seuls qui m'ont été rapportés, et le site de Bootstrap ne spécifie pas de problème de compatibilité pour ceux-ci ...

Connaîtriez-vous une solution à ce problème, qui handicape bon nombre des visiteurs ?

Merci par avance !

Et les problèmes rencontrés sont... ? On peut pas deviner, tu sais

Arf désolé j'étais persuadé avoir tout détaillé au dessus ...

Donc les problèmes rencontrés sont au niveau des "boutons" : ils ne sont pas "cliquables", aussi bien pour le groupe permettant de choisir entre "Matière", "Classe" et "Tous", que pour les boutons "Voir les cours". Visiblement sur iOS il n'est pas non plus possible d'ouvrir un des liens de la liste "Tous".

Voilà en espérant vous avoir apporté les infos nécessaires

Ah, c'est cliquable, cette barre bleue ? Je voyais ça comme le header du forum... Oups.

Je ne reproduis pas le problème, mais je t'invite à revoir le fonctionnement : et si tu mettais de vrais liens bien honnêtes pour mener aux pages "Matières", "Classes", etc ? Plutôt que des button ? J'y vois deux problèmes : sans JavaScript, impossible d'accéder à ces données, et l'url ne changeant pas, un rechargement de page et je me retrouve sur "Tous".

Oui elle est bien cliquable pour choisir le type de classement de le liste des cours ...

C'est ce que je viens de faire, mais à la base les button me paraissaient évident puisqu'il s'agit de l'appel d'une autre page via AJAX. Et il n'y a aucun changement en mettant un véritable lien pour ces environnements ...

Merci pour ta réponse !

Hello,

Pour moi tes boutons répondent bien sous FF et Chrome.

De même que Lucky13, les boutons répondent sur FF.

Sinon, problème peut être plus important, c'est ceci :

https://www.cmoncours.com/index.php

J'étais sur le forum et c'est la page à laquelle on accède lorsqu'on clique sur Accueil.

tu as un div(qui est le footer) devant tes boutons dans une résolution comme ça, les boutons ne peuvent donc pas recevoir le signal.

-
Edité par Menruto 16 mai 2015 à 1:01:36

Salut !

@Sci3nce : Je ne comprends pas ce que tu veux dire ... Parles-tu de la section "actualités" ?

@Menruto : Arf ... Il s'agit en effet de la navbar de bootstrap à priori. Comment penses-tu que je pourrais résoudre cela ? En la fixant ?

Merci en tout cas pour vos réponses

Il y avait une erreur PHP, mais elle n'apparait plus.

Sinon,

le problème, remonté par Menruto, provient du float:left qui est présent sur .col-md-12, alors qu'il n'y a pas besoin de le lui appliquer, sauf que tu en as besoin pour ton footer, et vu que les classes dépendent de l'une des autres.. Dans ta situation j'aurai rajouté une autre classe .nofloat, qu'on défini à la fin du fichier css par .nofloat{float:none} et ensuite l'appliquer au corps du forum <div class="col-md-12"> dont le parent est <div class="row">.

Ca semble fonctionner de mon côté

Hum ... Je vois à peu près ce que tu veux dire, mais le soucis est que ce style est défini par défaut par Bootstrap, et le modifier me fout en l'air toute ma mise en page ...

Merci pour ta réponse !