Aller au contenu

Sujets conseillés

Posté

Bonjour.

Voilà mon problème, j'ai plusieurs liens alignés, mais j'aimerais qu'il n'y est pas d'espace entre ceux ci.

J'ai essayer plusieurs choses en css aucune n'a marché.

<span class="phxcolor">

<a class="phxtool" rel=":" onmouseover="changeColor(\'#FF1100\');" style="cursor:pointer; background-color: rgb(255, 17, 0);"></a>

<a class="phxtool" rel=":" onmouseover="changeColor(\'#FF2200\');" style="cursor:pointer; background-color: rgb(255, 34, 0);"></a>

<a class="phxtool" rel=":" onmouseover="changeColor(\'#FF3300\');" style="cursor:pointer; background-color: rgb(255, 51, 0);"></a>

</span>

Et un exemple de css testé

.phxcolor {

letter-spacing:-20px;

word-spacing:0px;

white-space:none;

}

.phxtool {

font-size:18px;

vertical-align: top;

padding-right: -2px;

margin-right: -2px;

}

Voilà je vosu remercie par avance.

Cordialement,

Phoenix

Posté (modifié)

N'aurais-tu pas des margin ou padding sur tes "a" ? Si non, passes-nous un lien pour qu'on puisse voir le stut ;)

P.S: A quoi sert ce code : rel=":" ?

Modifié par v4np13
Posté
Voilà mon problème, j'ai plusieurs liens alignés, mais j'aimerais qu'il n'y est pas d'espace entre ceux ci.

J'ai essayer plusieurs choses en css aucune n'a marché.

Le retour à la ligne équivaut à un espace.

Essaie de les coller les uns aux autres : </a><a class=....

Posté

Salut

Juste en passant, une des règles fondamentales de l'accessibilité est de ne pas 'coller' les liens. Les séparer par un espace est le minimum, un pipe (|) est mieux, un vrai balisage est encore mieux.

Tel quel, un display:block dans le CSS originel devrait aider à obtenir le résultat souhaité ;)

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...