En haut de mon site web, sous le logo, j'ai construit une barre de boutons sociaux.
A chaque changement de page, ou à chaque rechargement de la même page, il y a cependant un problème qui n'est pas des moindres : l'affichage de ces boutons n'est pas instantané et, pire, ceux-ci se bousculent l'espace d'un instant, ils s'affichent au mauvais endroit avant d'apparaître là où ils sont censés apparaître. Il n'y a donc pas seulement un délai d'affichage, mais une sorte de chaos visuel absolument intolérable.
J'ai pu quand même repérer que le problème venait du bouton Facebook "J'aime"; le bouton juste à droite de "Recommander". En enlevant ce bouton, le problème est totalement réglé ! Pour ne pas en arriver à cette solution radicale, j'en appelle à vos connaissances, en CSS, en HTML ou même en Javascript, certainement moins vagues que les miennes.
Bien que je me débrouille en CSS et arrive la plupart du temps au résultat escompté, je n'en comprends pas la sémantique profonde, les logiques d'inclusion exactes, etc. J'en reste au niveau d'amateur. Je sais par exemple que je ne maîtrise pas bien la propriété "float". J'ai lu qu'elle était (comme bien d'autres) souvent utilisée à mauvais escient. J'ai souvent évité d'utiliser "float" là où je pouvais m'en passer. Et je peux sans doute m'en passer pour cette ligne de liens sociaux... Peut-être donc que la faute de cette lourdeur d'affichage revient à une mauvaise utilisation de "float" que j'ai quand même utilisé dans ce cas. En gros, tout est sur "float: left" à part ce qui est à droite de "Se souvenir" qui est sur "float: right". Cela se complique encore un peu parce que des éléments de liste qui sont dans un "float: left" sont eux-mêmes en "float: right". Je ne vous donne pas le code CSS qui pourrait vous intéresser pour ne pas encombrer inutilement ce premier message, mais je peux évidemment vous donner quelque précision que ce soit qui pourrait vous aider à trouver la solution du problème...
Merci d'avance !
Message édité par fnisse le 12-12-2012 à 16:20:40