28172 sujets

CSS et mise en forme, CSS3

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[hreflang]:after { content: "\0000a0[" attr(hreflang) "]"; }
		a[href^="http:"][hreflang]: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)
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. Smiley smile
Aaah ! Je vois : c'est juste à cause de mes a:after. Effectivement en ajoutant ce background le problème devient évident.

Merci beaucoup !