[résolu] Lien impossible à cliquer

Des livres incontournables pour tout maîtriser

Auteur
Fix	# 11 Feb 2012, 10:12:04
146 Posts	Bonjour, Sur les pages de mon blog, j'ai des liens de syndication que je ne parviens pas à cliquer : il s'agit de ceux à droite du bandeau gris, intitulés "billets (aide)". Quand je passe la souris dessus (sous Firefox 10), le lien ne "s'active" (changement de couleur et cliquable) que lorsque la souris se trouve juste en dessous (sur le trait de soulignement). Je ne comprends pas pourquoi ces liens n'agissent pas comme des liens normaux. Voici le code HTML utilisé : `<p class="feed right"><span> <a title="Fil de syndication des billets" href="http://sxjpl.free.fr/biblio/feed/atom">billets</a> (<a href="http://sxjpl.free.fr/biblio/syndication">aide</a>) </span></p>` Et voici le code CSS qui lui est associé : a { font-weight: bold; text-decoration: underline; } a:link { color: #000; } a:visited { color: #555; } a:hover, a:active, a:focus { color: #666; text-decoration: none; } #main a:hover, #main a:active, #main a:focus { color: #FFF; } #content a.feed:hover, #content a.feed:active, #content a.feed:focus { color: #666; } a :after { content: "\0000a0[" attr(hreflang) "]"; } a[href^="http:"] :after { content: "\0000a0["attr(hreflang)"][\2197]"; } a[href^="http:"]:after { content: "\0000a0[\2197]"; } a[href^="https:"]:after { content: "\0000a0[\2197]"; } a[href^="http://mediatheque-erre.fr"]:after { content: ""; } a[href^="http://www.mediatheque-erre.fr"]:after { content: ""; } Quelqu'un aurait-il une idée ? Un grand merci d'avance ! Modifié par Fix (11 Feb 2012 - 11:24)
146 Posts
fvsch	# 11 Feb 2012, 11:14:26
20100 Posts	Bonjour, Je te conseille de mettre, temporairement, une couleur de fond opaque (par exemple background:red) au H1 de ton header. Le problème devrait être plus clair. Pour information, ce problème est facile à identifier avec un outil tel que Web Inspector ou Firebug en mode inspection. Si tu n'as pas l'habitude de ces outils indispensables, c'est le moment de s'y mettre.
20100 Posts
Fix	# 11 Feb 2012, 11:24:07
146 Posts	Aaah ! Je vois : c'est juste à cause de mes a:after. Effectivement en ajoutant ce background le problème devient évident. Merci beaucoup !
146 Posts
Prévenir un modérateur