Webmaster Hub > le css ne s'applique pas à ma class

Version complète: sur le forum Webmaster Hub : le css ne s'applique pas à ma class

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

Rikle_S

mercredi 11 juin 2008 à 10:34

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 :

CODE

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

CODE

.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

mercredi 11 juin 2008 à 13:06

Salut,

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

CODE

.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

mercredi 11 juin 2008 à 13:30

Evidement :/

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

et pour le padding ?

rdd

mercredi 11 juin 2008 à 13:43

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 :

CODE

.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

mercredi 11 juin 2008 à 13:50

ok merci beaucoup je te tiens au jus

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.