Problème de CSS avec Firefox [Résolu] - HTML/CSS - Programmation
Marsh Posté le 11-07-2006 à 12:59:56
Salut !
Chez moi cela marche :
smilm a écrit : <a href="http://www.afterend.com/forums"><strong>Forum</strong></a> |
J'ai testé avec Firefox et IE pourtant !
Salutations
Marsh Posté le 11-07-2006 à 13:22:02
Cela fonctionne car tu n'as pas pris en compte les CSS "a:".
En effet, je viens de voir que si je supprime les CSS "a:..." et garde ma css boldlink, elle fonctionne très bien et mes liens sont en gras.
Un problème de priorité dans les CSS à ce que je comprends donc. Comment passer mon span en priorité ?
Edit:
Non je dis des bétises. Si j'ajoute un attribut à ma cass boldlink:
.graslink {
font-style: oblique;
font-weight: bold;
color: #0066CC;
}
Alors mon lien forum devient oblique, bleu, mais pas gras. Bizarre.
Marsh Posté le 11-07-2006 à 13:37:01
Au lieu de t'embêter avec une classe sur un span, pourquoi est-ce que tu ne redéfinirais pas la balise a avec un nom comme lien_gras par exemple.
Sinon tu utilise <b></b> qui est la même chose que strong.
Tu n'as pas besoin de redéfinir la famille de police dans ton CSS à chaque état de ton lien.
Tu définis dans un permier temps la balise a, avec les paramètres qui conviens. Ensuite selon les états, tu applique ce que tu veux modifier.
Marsh Posté le 11-07-2006 à 13:41:26
chez moi ton code marche bien
peut etre que la font est trop petite pour que tu remarques la difference entre bold et normal
mais on pourrait vite vait simplifier et dehors le span
Code :
|
oops mega toasted
Marsh Posté le 11-07-2006 à 13:57:16
AlphaZone a écrit : Au lieu de t'embêter avec une classe sur un span, pourquoi est-ce que tu ne redéfinirais pas la balise a avec un nom comme lien_gras par exemple. |
<b> n'a aucun sens sémantique, il est donc à bannir
Marsh Posté le 11-07-2006 à 14:15:35
Merci, j'ai rédéfini mes CSS "a:.." comme vous me l'avez indiqué.
Je suis perdu là, je ne sais pas trop comment cela est arrivé mais...
J'ai maintenant des liens plus grand que d'autres.
Ici, "Témoignages" est plus grand que "AfterEnd ?" (visite guidée est petit, forum est grand et en gras)
Code :
|
Je n'ai strictement aucune idée de ce qui distingue ces liens.
Par ailleurs, le problème se pose uniquement sous FireFox. Sous IE, tout les liens sont à la même taille mais les liens en grand sont dans une autre police...
Marsh Posté le 11-07-2006 à 14:20:37
@xtof > Désolé pour le <b>, je ne savais pas trop.
@smilm > Il doit y'avoir un conflit de CSS, je pense. Montre nous ton CSS please
Marsh Posté le 11-07-2006 à 14:22:48
Tout est là:
Code :
|
Marsh Posté le 11-07-2006 à 14:25:04
Tu t'embête énormément avec l'attribut font-family. Tu l'aurais défini dans body et on en parlait plus.
Sinon tu as oublié de définir ta balise a. C'est probablement pour ca.
Marsh Posté le 11-07-2006 à 14:25:16
Autant pour moi, j'ai compris !
Les liens visités sont aggrandis.
Donc il faut bien appliqués les CSS de taille partout sur les liens. Je veux dire conserver les CSS détaillés et non pas optimisé.
Bref, je suis revenu à mon point de départ.
Et <b>monlien</b> ne passe pas sous firefox.
Marsh Posté le 11-07-2006 à 14:30:14
non pas si tu laisses dans a
(pourquoi as tu transformé mon a en a:link ? )
sinon tu peux declarer ainsi
Code :
|
Marsh Posté le 11-07-2006 à 14:32:19
Ca marche, il fallait définir "a" tout court.
En fait l'hypothèse de départ était la bonne.
Mes liens sont trop petit sous firefox pour que le gras puisse le mettre en valeur.
J'ai un problème avec la taille de mes liens en fait.
x-small est minuscule sous firefox alors que c'est "normale" sous IE.
Par contre, small est bien sur firefox mais beaucoup trop grand sous IE.
Je reviens avec des questions plus claires.
Marsh Posté le 11-07-2006 à 14:36:46
Ta essayé de mettre la taille de ta police en normale sous Firefox (CTRL + 0) ?
Marsh Posté le 11-07-2006 à 14:40:35
Merci beaucoup à vous tous pour votre réactivité. C'est toujours un plaisir de se faire aider par vous. En fait mon problème était ailleurs mais grace à vos remarques j'ai pu trouver la solution et apprendre quelques petites choses.
En fait, les tailles de police du type "small" "x-small" ect sont relatives aux navigateurs. Ainsi, sous IE elles seront en général bien plus grande que sous FireFox.
J'ai donc passé ces données en valeurs absolu (12pt); de cette façon, la taille de la police est la même sur les deux navigateur, juste comme il faut.
Par ailleurs, en ce qui concerne mon problème de mise en gras, le problème venait de firefox (hé oui !) qui ne voulait passer en gras ce que je lui demandais car c'était trop petit (et cela aurait était sans doute illisible donc l'intelligent FF ne passe pas les liens en gras)
Merci encore à vous tous.
@alphazone: oui, j'ai bien vérifié, sous IE et sous FF, la taille de la police était configuré en moyenne.
Marsh Posté le 11-07-2006 à 14:44:07
si si c est bien gras j ai essayé chez moi fais deux liens cote a cote un en gras l autre en normal
parce que justement tu peux faire ctrl+ a volonté donc il FAUT que le gras soit appliqué
Marsh Posté le 11-07-2006 à 15:19:20
smilm a écrit : En fait, les tailles de police du type "small" "x-small" ect sont relatives aux navigateurs. Ainsi, sous IE elles seront en général bien plus grande que sous FireFox. |
Dans firefox, cela va dépendre de la taille de police par défaut que tu as choisi.
Si tu vas dans le menu outils / options / contenu tu verras quelle taille est définie par défaut. En jouant sur cette taille, tu constateras que toutes les tailles relatives (genre les x-small ou tailles en em) varient, et que donc la taille "normale" n'est pas la même suivant la taille choisie par défaut. Chez moi, la police par défaut à 16px correspond à la même taille de caractères que sur IE (donc le small, x-small,... ont le même rendu).
Marsh Posté le 11-07-2006 à 15:32:03
Reply
Marsh Posté le 11-07-2006 à 12:50:36
Bonjour,
J'ai un problème avec FireFox.
J'aimerais mettre en gras deux des liens de mon menu.
Sous IE, ceci fonctionne, mais pas sous FireFox:
<a href="http://www.afterend.com/forums"><strong>Forum</strong></a>
Donc je pensais essayer de passer par les CSS pour mettre Forum en gras.
<a href="http://www.afterend.com/forums"><span class="boldlink">Forum</span></a>
Ceci marche sous IE et sous FireFox.
Voici les CSS concernés:
Merci d'avance pour votre aide.
Message édité par smilm le 11-07-2006 à 14:41:37
---------------
AfterEnd: Batissez un nouveau monde