[Résolu] [Firefox] Pourquoi title="" ne marche pas chez moi ?

Pourquoi title="" ne marche pas chez moi ? [Résolu] [Firefox] - HTML/CSS - Programmation

Marsh Posté le 14-11-2005 à 03:18:29    

Bonjour, et merci de prendre le temps de lire ce qui suit.
 
 
Prenons un expl tout simple :
 
--------------------------------------------------------------
[HTML]
...
<div class="lien">
  <a class="image" href="http://www.w3.org/" title="Le site du W3C"></a>
</div>
 
 
[CSS]
a.image {
 width: 100px;
 height: 200px;
 background-image: url('mon_image.png') ;
}
--------------------------------------------------------------
 
Bien évidemment quand vous passez le curseur sur l'image, l'attribut title affichera une info-bulle...
Mais moi, non !
Mes amis n'ont aucun souci et utilise, comme moi, Firefox 1.0.7
Par contre sous IE pas de problème, je ne sait donc pas ce qui m'arrive...
 
Un idée ?
 
 
***************************************************
[MAJ]
--> RESOLU <--
La solution est vraiment toute bête, mais servira à ceux qui seront ou sont confronté à ce petit problème...
 
Reinstaller tout simplement FireFox. Bug qui ma fait passer des heures à chercher ds mon code d'ou venait le dilème alors que d'autre internaute qui surfait sur mon site, n'avaient aucun souci...
 
Bref voili voilou..  ;)

 


Message édité par erad le 17-11-2005 à 14:56:38
Reply

Marsh Posté le 14-11-2005 à 03:18:29   

Reply

Marsh Posté le 14-11-2005 à 04:10:22    

Salut Erad.
 
Question bête mais as-tu pensé à mettre un lien ?...
Ce n'est pas le tout de mettre un title.
 

Code :
  1. <!DOCTYPE html ...>
  2. <html...>
  3. <head>
  4. </head>
  5. <body>
  6. <div class="lien">
  7. ...
  8.   <a class="image" href="http://www.w3.org/" title="Le site du W3C">TON LIEN</a>
  9. ...
  10. </div>
  11. <div class="blabla">
  12. ...
  13. <a href="http://www.w3.org" title="Aller sur W3C"><img src="w3c.gif" alt="w3c" /></a>
  14. ...
  15. </div>
  16. </body>
  17. </html>


 
As-tu essayé sans l'attribuer à une class ?


---------------
" Il était tellement obsédé qu'à la fin il sautait même des repas. " (Desproges)
Reply

Marsh Posté le 14-11-2005 à 09:42:49    

et pourquoi encadrer le lien d'un DIV inutile ? jespère que c'est pour l'exemple

Reply

Marsh Posté le 14-11-2005 à 10:48:49    

Au fait, ta balise <a> (en-ligne) ne peut pas être dimensionnée. Seuls les éléments de type bloc et certaines exceptions (comme <img> ) peuvent avoir un width et un height.
Si tu veux la dimensionner, il faut d'abord la transformer en bloc avec display.
 
Autre chose : une balise <a> sans texte de contenu, c'est une information (importante) inaccessible pour certains lecteurs d'écrans ou terminaux braille :(


Message édité par sibelius le 14-11-2005 à 10:49:19

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 14-11-2005 à 13:25:35    

J'ai oublier de préciser que j'applique un flottant à la balise, m'obligeant donc à donner une dimension à celle ci pour que mon background a la taille exact de mon image.
 
Ca devient donc :
 
--------------------------------------------------------------  
[HTML]
...
<div class="lien">
  <a class="image" href="http://www.w3.org/" title="Le site du W3C"></a>
</div>
 
 
[CSS]
a.image {
 float : right;
 width: 100px;
 height: 200px;
 background-image: url('mon_image.png') ;
}
--------------------------------------------------------------
 
Enlève les dimmensions, et tu n'auras plus rien qui s'affiche...
 
Je le répète encore : je n'arrive pas à voir le title qui s'affiche sur le navigateur Firefox, alors que mes amis SI (Ils sont sous Firefox 1.0.7 aussi) !
De plus sous IE chez moi ca fonctionne parfaitement.
 
Mon but ayant été de pouvoir charger différentes images dans la css sans toucher le code HTML, chose faite donc, car ca marche très bien, mais....
 
Est ce que j'aurai désactivé par mes gardes sous FF 1.0.7 une fonction ?

Message cité 1 fois
Message édité par erad le 14-11-2005 à 13:34:45
Reply

Marsh Posté le 14-11-2005 à 13:32:18    

(nb: firefox 1.7 n'existe pas)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 14-11-2005 à 13:32:28    

erad a écrit :

Est ce que j'aurai désactivé par mes gardes sous FF 1.7 une fonction ?


Demande à tes gardes de la réactiver !  :pt1cable:  
Bon désolé, tout ça m'a l'air très correct. Tu as essayé de faire un refrech sur la page, d'attendre un peu, etc. ?


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 14-11-2005 à 13:34:23    

masklinn a écrit :

(nb: firefox 1.7 n'existe pas)


 
LoL, effectivement je viens donc de corriger !
 
Merci ;)

Reply

Marsh Posté le 14-11-2005 à 13:38:47    

sibelius a écrit :

Demande à tes gardes de la réactiver !  :pt1cable:  
Bon désolé, tout ça m'a l'air très correct. Tu as essayé de faire un refrech sur la page, d'attendre un peu, etc. ?


 
J'ai du attendre toute la nuit, mais rien y fait ;). Et je crois aussi que ma touche F5 ne doit plus marcher, tellement que j'ai du lui appuyer dessus... :)
 
Bref, je vais essayer de désinstaller/ reinstaller Firefox pour voir ce que cela donne. C'est la seule chose que je n'ai pas encore fait.

Reply

Marsh Posté le 14-11-2005 à 15:04:08    

on ta deja dis que A ne peut etre redimensionné que si il est en display:block

Reply

Marsh Posté le 14-11-2005 à 15:04:08   

Reply

Marsh Posté le 14-11-2005 à 16:20:08    

gatsusat a écrit :

on ta deja dis que A ne peut etre redimensionné que si il est en display:block


en fait, le positionnement flottant fait que l'élément est automatiquement transformé en bloc.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 15-11-2005 à 02:45:08    

Bon, j'arrive du taf,  et je n'ai pas eu le temps de répondre.
 
J'ai donc résolu mon problème en réinstallant, tout simplement, Firefox... C'est très bizarre, mais bon l'essentiel, c'est le résultat final.
Bref, ça pourra toujours aider quelqu’un si il a, ou aura, ce cas de figure…
 
Problème résolu, donc merci à tous d’avoir voulu m’aider.
 
Ps : Je réitère une 2ème fois que la balise <a> peut bien évidemment recevoir des dimensions quand elle est flottant…

Reply

Marsh Posté le 15-11-2005 à 10:30:32    

erad a écrit :

Ps : Je réitère une 2ème fois que la balise <a> peut bien évidemment recevoir des dimensions quand elle est flottant…


Oui puisque... le positionnement flottant fait que l'élément est automatiquement transformé en bloc. :)
 
(bizarre pour ton FF)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 15-11-2005 à 10:41:27    

Moi aussi j'ai déjà rencontré des problèmes lors d'un upgrade de firefox. La réinstallation complète avait aussi résolu le problème.

Reply

Marsh Posté le 17-11-2005 à 14:50:32    

Comme quoi, tous les navigateurs ne sont pas parfait...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed