18073 sujets

Questions générales et questions de débutants

[résolu]Lien fonctionnel sur tous les navigateurs, sauf sous Firefox

Je suis en train de finaliser un site http://cipto.qc.ca/ et j'ai placé un lien défini mon footer comm lien. Tout fonctionne parfaitement sur tous les navigateurs, sauf sous Firefox, pc ou mac. Quelqu'un a une idée?

2e question (je ne sais pas si je devrais faire un autre post): l'affichage de ma page n'a absolument pas d'allure sous IEmac. Comment dois-je faire pour faire en sorte qu'un visiteur sous IEmac soit reconnu et qu'un autre css soit associé à ma page?

Merci.
Modifié par largowin (26 Nov 2005 - 23:32)
Tout en bas de la page lorsque tu fais afficher la source:

</div>
<div id="footer"><a href="http://cheznoir.com/">
<p>Copyright chezNoir.com</p>
</div>
Apparement le problème vient du fait que sous FF, on arrive pas à sélectionner ton footer.
D'ailleurs il n'est pas interprêté de la même manière sous IE et sous FF : sous FF tu as une zone qui se trouver juste en-dessous.
Le problème que tu rencontres vient très certainement de là.
Bonjour largowin.

<a> n'est pas fermé :

</div>
<div id="footer"><a href="http://cheznoir.com/">
<p>Copyright chezNoir.com</p>
</div>

Et puis un <a> (balise inline) ne peut contenir un <p> (balise bloc).

<div id="footer"><a href="http://cheznoir.com/">Copyright chezNoir.com</a></div>

Un petit détour par le validateur HTML du w3c permet de corriger ce genre d'erreur.
Bonjour,

Si je comprends bien, tu veux que le texte "Copyright chezNoir.com" ne soit visible qu'en l'absence de feuille de style.

Voici une solution qui te permet de respecter ce que t'a précisé Stephan.

html : 
<a id="footer" href="http://cheznoir.com/">
<span>Copyright chezNoir.com</span>
</a>

css :
#footer { [b]display:block;[/b] margin: 0pt; padding: 0pt 0px 0pt 0pt; background: transparent url('footer.gif') no-repeat scroll left top; width: 800px; height: 56px; clear: both; overflow: hidden; }
#footer span { [b]visibility: hidden;[/b] }

Avec çà, tu affiches le lien comme un block et tu peux donc te passer de div,
et tu rends le span invisible.
Contrairement à <p>, <a> peut contenir <span> (balise inline).
Tout ce que je cherche à faire, c'est que mon footer (l'image utilisée) soit un lien. J'ai essayé ce que vous avez proposé et ça ne fonctionne pas.
La seule façon que j'ai trouvé de le faire, c'est de mettre un texte en dessous. Cette méthode fonctionne correctement, sauf sous Firefox.
Modifié par largowin (11 Nov 2005 - 21:10)
En effet.... Ça fonctionne parfaitement. J'avais mal retranscrit un truc. Merci infiniment pour ton aide.

Je ne mettrai pas tout de suite la correction en ligne, car je vais le tester au boulot sur 3 différents pc qui n'affichent pas nécessairement la même chose de l'un à l'autre.

Merci!
Sujet clos
Aller à