28172 sujets

CSS et mise en forme, CSS3

salut.

J'aimerais pouvoir centrer un texte par rapport a une image que j'applique en background a un span.

<span id="nb_commentaires"><a title="Commentaire sur Autre test d’article" class="comments-link" href="xxxxxxx">10</a></span>


J'ai fais ceci
#nb_commentaires {#nb_commentaires{
background:transparent url(../images/comment_bubble_48.png) no-repeat ;
height:48px;
line-height:44px;
position:relative;
text-align:center;
width:48px;	
float:right;
font-weight:bold;
}


Le texte est quasi centré par rapport à mon image mais vu que cette dernière n'est pas tout a fait symétrique, il faudrait que le texte qui s'affiche sur mon image soit décalé d'un ou deux pixel vers la gauche mais je n'arrive pas a faire bouger ce texte par rapport à mon image.

Merci de votre aide par avance.
Modifié par masseur (14 Apr 2009 - 23:03)
Heyoan a écrit :
Salut,

par exemple avec :
#nb_commentaires a {
	padding-right: 1px;
}


Rha suis je bête, je l'avais testé dans #nb_commentaires a:link .
Merci