Infos bulles

Fermé
martine et chantal Messages postés 485 Date d'inscription dimanche 15 février 2009 Statut Membre Dernière intervention 4 juin 2013 - Modifié par martine et chantal le 15/01/2011 à 14:41
martine et chantal Messages postés 485 Date d'inscription dimanche 15 février 2009 Statut Membre Dernière intervention 4 juin 2013 - 19 janv. 2011 à 10:26
Bonjour,
je suis en train de créer un site via Dreamweaver.
j'utilise un changement d'image au survol de la souris avec ces lignes :

.cercle1{
position: absolute;
left: 0px;
top: 52px;
}

#survol a {display:block;width:190px;
height: 129px;

background-image:url(images/cercle1.gif);
}
#survol a:hover{display:block;width:190px;
height: 129px;

background-image:url(images/cercle2.jpg);
}
img{
border:0;
}

et ...

<div class="cercle" id="survol"><a href="#"></a></div>


Lorsque je teste sur mon navigateur l'effet fonctionne.
Mais une chose me dérange...c'est l'info bulle (adresse de l'image) qui apparaît au survol de la souris. Je trouve que ça gâche un peu l'effet. (je tente de faire un site minimaliste)

Question :
Est-ce que cette info-bulle sera présente lors de la mise en ligne où est-ce simplement parce que je travaille en local ?
si oui, y a-t-il un moyen de la désactiver ?


6 réponses

martine et chantal Messages postés 485 Date d'inscription dimanche 15 février 2009 Statut Membre Dernière intervention 4 juin 2013 4
15 janv. 2011 à 14:42
je me permets de relancer la question.
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
15 janv. 2011 à 15:10
salut, si ça apparait sur ton navigateur ça apparaitre forcement sur ton site ^^
0
Salut,
ça se passe dans le code html tu dois retirer l'attribut

title="texte de l'infobulle"

Et ça devrait fonctionner proprement !
0
martine et chantal Messages postés 485 Date d'inscription dimanche 15 février 2009 Statut Membre Dernière intervention 4 juin 2013 4
19 janv. 2011 à 00:20
je n'utilise pas l'attrbut "title="
Je pense que ça vient du navigateur.
Niconovice (plus haut) me parle du système pour non-voyant.
à ce propos je me rends compte que sur mes lignes de texte je n'utilise pas non plus l'attribut "alt=" derière mes liens images.
0
martine et chantal Messages postés 485 Date d'inscription dimanche 15 février 2009 Statut Membre Dernière intervention 4 juin 2013 4
19 janv. 2011 à 00:22
je vais peut-être abandonner ma requête à moins qu'une personne ait une solution efficace et en règle.
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
19 janv. 2011 à 01:40
envoi le lien de ton site qu'on puisse t'aider puisque là nous ne comprenons pas :)
0
martine et chantal Messages postés 485 Date d'inscription dimanche 15 février 2009 Statut Membre Dernière intervention 4 juin 2013 4
19 janv. 2011 à 09:18
désolé, il est loin d'être en ligne.
L'info bulle n'apparait pas sous IE. Le navigateur est donc en jeu.
0
martine et chantal Messages postés 485 Date d'inscription dimanche 15 février 2009 Statut Membre Dernière intervention 4 juin 2013 4
15 janv. 2011 à 15:39
ok. juste une question de navigateur quoi.
donc je ferai avec.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
Modifié par niconovice le 15/01/2011 à 15:44
tu devrais lire ce que t'as marqué olivia ;) normalement "title" sert pour les non voyant (et google je crois), ça contribue à la compréhension de la page web, le client arrive sur ton image et l'ordinateur lui lit ton fameux titre, il est dit que c'est obligatoire mais personne ne le met...c'est toi qui voit :)
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515
19 janv. 2011 à 09:23
Salut à tous,
Il y a 2 choses (à ne pas confondre):
1- la balise alt="ton texte" sert à afficher les texte définissant cette image au cas ou celle-ci serait absente.
2- la balise title="ton texte" sert à aider l'utilisateur (lorsque la souris se positionne dessus, un légende s'affiche.
Le Pb est que IE n'a pas le même comportement. Avec ALT il affiche le texte de substitution (en cas d'absence d'image, pour une raison quelconque).
Le vrai comportement d'un navigateur respectant les standards du web et que ALT décrit l'image (et celle-ci est aussi répertoriée par les moteurs tels que Google par exemple). TITLE sert lui, à afficher la description quand la souris reste quelques secondes sur l'image (et accessoirement à etre lu pour les mal voyants.

Faites l'expérience avec firefox par exemple: mettez une image dans une page html avec les balises ALT="****" Title="****" mais en plaçant l'image dans un autre endroit de sorte que le chemin soit différent ou faites une faute sur le nom du fichier image.

IE affichera un espace blanc avec une crois rouge tandis firefox affichera la description de la dite image.

Perso je met systématiquement les 2 balises.

Le bonheur est la seule chose que l'on peut donner sans l'avoir.
0
martine et chantal Messages postés 485 Date d'inscription dimanche 15 février 2009 Statut Membre Dernière intervention 4 juin 2013 4
19 janv. 2011 à 10:26
merci txiki
0