le css ne s'applique pas à ma class

[Rikle_S]

Bonjour,

Je viens de mettre un nuage de tagg sur mon site, et je rencontre un drole de soucis.

voici le code source du nuage :

<div class="tagcloud"><span><a class="s1" href="tags-associes?tags=polini" title="Click for  stories about "polini" (1)">polini</a></span>
<span><a class="s1" href="tags-associes?tags=championnat" title="Click for  stories about "championnat" (1)">championnat</a></span>
<span><a class="s1" href="tags-associes?tags=speed+control" title="Click for  stories about "speed control" (1)">speed control</a></span>
<span><a class="s1" href="tags-associes?tags=rossi" title="Click for  stories about "rossi" (1)">rossi</a></span>
<span><a class="s3" href="tags-associes?tags=bp+racing" title="Click for  stories about "bp racing" (3)">bp racing</a></span>
<span><a class="s1" href="tags-associes?tags=vespa" title="Click for  stories about "vespa" (1)">vespa</a></span>
<span><a class="s2" href="tags-associes?tags=lezennes" title="Click for  stories about "lezennes" (2)">lezennes</a></span>
<span><a class="s1" href="tags-associes?tags=course" title="Click for  stories about "course" (1)">course</a></span>
<span><a class="s1" href="tags-associes?tags=stunt+bike+show" title="Click for  stories about "stunt bike show" (1)">stunt bike show</a></span>
<span><a class="s1" href="tags-associes?tags=kashabi" title="Click for  stories about "kashabi" (1)">kashabi</a></span>
<span><a class="s1" href="tags-associes?tags=replica" title="Click for  stories about "replica" (1)">replica</a></span>
<span><a class="s1" href="tags-associes?tags=scoot%27n+scoot" title="Click for  stories about "scoot'n scoot" (1)">scoot'n scoot</a></span>
<span><a class="s1" href="tags-associes?tags=cylindre" title="Click for  stories about "cylindre" (1)">cylindre</a></span>
<span><a class="s1" href="tags-associes?tags=podium" title="Click for  stories about "podium" (1)">podium</a></span>
<span><a class="s1" href="tags-associes?tags=resultats" title="Click for  stories about "resultats" (1)">resultats</a></span>
<span><a class="s1" href="tags-associes?tags=madrid" title="Click for  stories about "madrid" (1)">madrid</a></span>
<span><a class="s1" href="tags-associes?tags=aerox" title="Click for  stories about "aerox" (1)">aerox</a></span>
<span><a class="s1" href="tags-associes?tags=lorenzo" title="Click for  stories about "lorenzo" (1)">lorenzo</a></span>
<span><a class="s2" href="tags-associes?tags=gp" title="Click for  stories about "gp" (2)">gp</a></span>
<span><a class="s2" href="tags-associes?tags=ufolep" title="Click for  stories about "ufolep" (2)">ufolep</a></span>
<span><a class="s1" href="tags-associes?tags=stunt" title="Click for  stories about "stunt" (1)">stunt</a></span>
<span><a class="s1" href="tags-associes?tags=echappement" title="Click for  stories about "echappement" (1)">echappement</a></span>
<span><a class="s1" href="tags-associes?tags=leovince" title="Click for  stories about "leovince" (1)">leovince</a></span>
<span><a class="s1" href="tags-associes?tags=aluminium" title="Click for  stories about "aluminium" (1)">aluminium</a></span>
<span><a class="s1" href="tags-associes?tags=continental+vario" title="Click for  stories about "continental vario" (1)">continental vario</a></span>
<span><a class="s1" href="tags-associes?tags=1ere+place" title="Click for  stories about "1ere place" (1)">1ere place</a></span>
<span><a class="s1" href="tags-associes?tags=backflip" title="Click for  stories about "backflip" (1)">backflip</a></span>
<span><a class="s1" href="tags-associes?tags=mans" title="Click for  stories about "mans" (1)">mans</a>
</div>

Les s1 s2 et s3 sont des classes qui sont générés en fonction du nombre de fois, ou le tagg se trouve sur le site.

Seulement, quand j'applique une taille a chacun des éléments, cela ne change absolument rien.

Voici les css associés :

.tagcloud {padding-top:50pt;text-align:justify;padding-right:15px;}
.tagcloud a:link {padding-right:5pt;padding-bottom:5pt;font-size:10pt;color:#f7f7f7;}
.tagcloud a:visited {padding-right:5pt;padding-bottom:5pt;font-size:10pt;color:#f7f7f7;}
.tagcloud a:hover {color:#b8b8b8;}
.s1 {font-size:9px;}
.s2 {font-size:13px;}
.s3 {font-size:16px;}

je voulais aussi gèrer les espaces (bas) entre les lignes avec le padding, il est appliqué sur le lien, mais les espaces se superposent :/

Une dernière question, pour un meilleur référencement, est il préférable de faire varier le nuage de tagg a chaque pages, et affichages, ou est ce qu'il doit être simplement mit à jour dans le temps ?

merci de votre aide.

[rdd]

Salut,

Il suffit juste d'enlever le font-size:10pt dans tes .tagloud a

.tagcloud {padding-top:50pt;text-align:justify;padding-right:15px;}
.tagcloud a:link {padding-right:5pt;padding-bottom:5pt;color:#f7f7f7;}
.tagcloud a:visited {padding-right:5pt;padding-bottom:5pt;color:#f7f7f7;}
.tagcloud a:hover {color:#b8b8b8;}
.s1 {font-size:9px;}
.s2 {font-size:13px;}
.s3 {font-size:16px;}

Et si tu veux definir une taille, tu la mets dans ton .tagcloud (ca devrait fonctionner).

[Rikle_S]

Evidement :/

passer du temps a chercher pourça :/ merci...

et pour le padding ?

[rdd]

Pour le padding, je ne sais pas si j'ai bien compris mais apparement tu veux plutot parler de l'interligne (le pading ne s'appliquant qu'as ton conteneur).

Si tu veux un espace plus consequant entre tes lignes :

.tagcloud {padding-top:50pt;text-align:justify;padding-right:15px;line-height:30px}
.tagcloud a:link {padding-right:5pt;color:#f7f7f7;}
.tagcloud a:visited {padding-right:5pt;color:#f7f7f7;}
.tagcloud a:hover {color:#b8b8b8;}
.s1 {font-size:9px;}
.s2 {font-size:13px;}
.s3 {font-size:16px;}

A tester sur IE, je ne sais plus si il interprete correctement le line-height.

[Rikle_S]

ok merci beaucoup je te tiens au jus