Webmaster Hub: Autre pb de cadre avec <a>img</a> - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

Autre pb de cadre avec <a>img</a> Pb avec IE7 cette fois, OK avec Firefox et Safari Noter : -----

#1 L'utilisateur est hors-ligne   Circobaz 

  • Groupe : Membre
  • Messages : 6
  • Inscrit(e) : 22-février 08
  • Genre:Femme

Posté 26 février 2008 - 16:23

Bonjour,

Voici ma première entrée dans ce forum.

Je suis en train d'écrire mon premier site et j'ai un problême d'affichage :
Sur certaines pages, j'ai utilisé le code <a href="#">TEXT<span>IMAGE</span></a> pour afficher une image au moment où la souris passe sur le texte (l'affichage de l'image est bloqué au départ en utilisant #Text a span {display: none; text-decoration:none;}).

Cette technique marche bien avec IE7 et Safari, mais avec Firefox un cadre blanc entoure l'image et je ne sais pas comment le retirer.
J'ai remarqué que si je mettais un texte à la place de l'image, alors aucun cadre n'entourait mon texte dans Firefox. c'est donc bien spécifique au fait d'avoir une image.

Pour mieux illustrer, voici l'une page qui pose problême : http://www.kalessan....rea-Lower1.html
(passer la souris sur le descriptif des pièces et de leur surface).

Merci d'avance à ceux et celles qui prendront le temps de jeter un coup d'oeil,

Circobaz.
0

#2 L'utilisateur est hors-ligne   Portekoi 

  • Calimérosateur / Dictationneur
  • Groupe : Admin
  • Messages : 3 692
  • Inscrit(e) : 12-janvier 05
  • Genre:Homme
  • Localisation:Meaux
  • Société:CGD

Posté 26 février 2008 - 16:37

Bonjour,

Ajoute un Border: 0px dans le style IMG ou du A:Hover :)


Portekoi
0

#3 L'utilisateur est hors-ligne   Circobaz 

  • Groupe : Membre
  • Messages : 6
  • Inscrit(e) : 22-février 08
  • Genre:Femme

Posté 26 février 2008 - 17:20

reBonjour,

Merci pour ta réponse, Portekoi.
Malheureusement, ça ne marche pas. Si je rajoute un Border: 0px à #Text a:hover span, ça ne fait aucune différence.
En effet, le cadre est autour de l'image, pas autour du calque (qui a d'ailleurs une largeur plus grande, c'est donc facile de le vérifier).
D'autres suggestions?

Circobaz.
0

#4 L'utilisateur est hors-ligne   Circobaz 

  • Groupe : Membre
  • Messages : 6
  • Inscrit(e) : 22-février 08
  • Genre:Femme

Posté 26 février 2008 - 17:50

Bonjour à nouveau,

J'ai un autre problème de cadre non désiré qui s'affiche.
Cette fois c'est lorsque j'utilise l'image comme lien : <a href="...">img</a>.
Le cadre entoure l'image et non le calque, donc ajouter un border: 0px pour le calque (ou les liens de mon calque, comme "#DIV a") de mon image ne change rien.
Le cadre n'apparait qu'avec IE. Il est bleu lorsque le lien n'a jamais été cliqué et violet une fois qu'il a déjà été visité. Comme l'affichage des liens par défaut.
J'ai pourtant précisé la couleur noire pour l'affichage des liens de ce calque.

Il s'agit de l'image de mon logo :
www.kalessan.com

Merci pour ceux et celles qui ont des suggestions à me faire,

Circobaz.
0

#5 L'utilisateur est hors-ligne   ghost 

  • Groupe : Hubmaster
  • Messages : 389
  • Inscrit(e) : 08-mars 06
  • Genre:Homme
  • Localisation:Trans en Provence
  • Société:ghost-pc-buster

Posté 26 février 2008 - 18:05

Salut,

Nan !

Portekoi a voulu dire #Text a span img {border: 0;}

Joli pied à terre :whistling:

Ce message a été modifié par ghost - 26 février 2008 - 18:05.

0

#6 L'utilisateur est hors-ligne   Circobaz 

  • Groupe : Membre
  • Messages : 6
  • Inscrit(e) : 22-février 08
  • Genre:Femme

Posté 26 février 2008 - 19:22

C'est parfait, ça marche...!

Merci beaucoup!! :thumbup:
0

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)