CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 29 21:41:54

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

Problème de visualisation sous IE avec une infobulle

Poser une question dans le forum ou lancer une discussion

Problème de visualisation sous IE avec une infobulle

mercredi 17 août 2011 à 13:54:10 | Problème de visualisation sous IE avec une infobulle

mylene38

5 msg

Bonjour,

Tout d'abord je suis toute nouvelle sur le forum alors n'hésitez pas à me dire si je me trompe ou fait mal mes demandes. Alors voilà mon soucis depuis un petit moment...

Sur mon site j'ai une page ou j'ai mis une infobulle pour qu'au passage de la souris les images miniatures s'agrandissent. Mais voilà j'ai déjà eu un mal fou sous IE pour qu'il n'y ai pas de bug et maintenant que j'ai réussi et bien je n'ai que ma première image miniature qui ne veut pas se mettre en fonction. En fait j'ai les écritures qui se voient sur ma page lol et je n'arrive pas à trouver le moyen de les enlever. Auriez vous une solution à mon problème? Me suis-je suffisament bien expliquer?
Je vous remercie à l'avance pour l'aide précieuse que vous m'apporterez.
Cordialement,
Mylène

mercredi 17 août 2011 à 15:16:47 | Re : Problème de visualisation sous IE avec une infobulle

kazma

819 msg

830 msg CS

bonjour

sans code on ne peut rien faire

mercredi 17 août 2011 à 15:50:39 | Re : Problème de visualisation sous IE avec une infobulle

Zobibol

460 msg

461 msg CS

Bien le bonjour, comme ça, d'après le descriptif et surtout cette petite phrase :"En fait j'ai les écritures qui se voient sur ma page lol et je n'arrive pas à trouver le moyen de les enlever", ça ressemble beaucoup à une erreur du genre: balise non fermée, guillemet non fermé enfin un truc pas fermé, mais comme le souligne à juste titre Kazma, sans code, ça va être rude de trouver le pourquoi du comment.

[o-_-o]

mercredi 17 août 2011 à 15:58:38 | Re : Problème de visualisation sous IE avec une infobulle

mylene38

5 msg

Merci beaucoup pour l'info je ne savais pas si on avait le droit et bien à présent je sais

Pär juste un truc pff depuis que j'ai éris mon mail tout à l'heure je n'arrive plus à visionner mes images en agrandissements lol je suis maudite

!
Enfin voici ma page complète vous me direz ce qu'il ne va pas j'ai du commettre des erreurs ce n'est pas possible autrement.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Papier A Lettre Paques</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles-paques.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="screen">
img{
border:none;
}
#bulle {
position: absolute;
visibility: hidden;
font-size:12px;
overflow: scroll;
}
.info{
border:1px solid #5B95BA;
padding: 7px;
color:#5B95BA;
background-color:#FFFFFF;
font-family:"Comic Sans MS", cursive;
}
</style>
<script type="text/javascript" language="javascript" src="js/infobulle.js"></script
></head>

<body>
<div id="page">

<div id="bandeau"><img src="BandeauPaques800X503.gif" width="800" height="503" alt="Papier A Lettre Paques" /></div>


<div id="centre">

<h1>Mes papiers à lettre de pâques</h1>

onmouseover="showTooltip('<div class=\'info\'><strong>Paques1</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques1_IM_BVA.jpg\'></div>');"
><img src="Paques1pm.jpg" name="big1" width="200" height="88" id="big1" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques2</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques2_IM_BVA.jpg\'></div>');"
><img src="Paques2pm.jpg" name="big2" width="200" height="88" id="big2" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques3</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques3_IM_BVA.jpg\'></div>');"
><img src="Paques3pm.jpg" name="big3" width="200" height="88" id="big3" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques4</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques4_IM_BVA.jpg\'></div>');"
><img src="Paques4pm.jpg" name="big4" width="200" height="88" id="big4" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques5</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques5_IM_BVA.jpg\'></div>');"
><img src="Paques5pm.jpg" name="big5" width="200" height="88" id="big5" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques6</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques6_IM_BVA.jpg\'></div>');"
><img src="Paques6pm.jpg" name="big6" width="200" height="88" id="big6" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques7</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques7_IM_BVA.jpg\'></div>');"
><img src="Paques7pm.gif" name="big7" width="200" height="88" id="big7" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques8</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques8_IM_BVA.jpg\'></div>');"
><img src="Paques8pm.jpg" name="big8" width="200" height="88" id="big8" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques9</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques9_IM_BVA.jpg\'></div>');"
><img src="Paques9pm.gif" name="big9" width="200" height="88" id="big9" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques10</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques10_IM_BVA.jpg\'></div>');"
><img src="Paques10pm.jpg" name="big10" width="200" height="88" id="big10" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques11</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques11_IM_BVA.jpg\'></div>');"
><img src="Paques11pm.gif" name="big11" width="200" height="88" id="big11" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques12</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques12_IM_BVA.jpg\'></div>');"
><img src="Paques12pm.jpg" name="big12" width="200" height="88" id="big12" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques13</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques13_IM_BVA.jpg\'></div>');"
onmouseout="hideTooltip()"><img src="Paques13pm.jpg" name="big13" width="200" height="88" id="big13" onmouseout="hideTooltip()" /></a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques14</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques14_IM_BVA.jpg\'></div>');"
><img src="Paques14pm.gif" name="big14" width="200" height="88" id="big14" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques15</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques15_IM_BVA.jpg\'></div>');"
><img src="Paques15pm.jpg" name="big15" width="200" height="88" id="big15" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques16</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques16_IM_BVA.jpg\'></div>');"
><img src="Paques16pm.gif" name="big16" width="200" height="88" id="big16" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques17</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques17_IM_BVA.jpg\'></div>');"
><img src="Paques17pm.jpg" name="big17" width="200" height="88" id="big17" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques18</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques18_IM_BVA.jpg\'></div>');"
><img src="Paques18pm.gif" name="big18" width="200" height="88" id="big18" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques19</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques19_IM_BVA.jpg\'></div>');"
><img src="Paques19pm.jpg" name="big19" width="200" height="88" id="big19" onmouseout="hideTooltip()" /></a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques20</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques20_IM_BVA.jpg\'></div>');"
><img src="Paques20pm.jpg" name="big20" width="200" height="88" id="big20" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques21</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques21_IM_BVA.jpg\'></div>');"
><img src="Paques21pm.jpg" name="big21" width="200" height="88" id="big21" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques23</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques23_IM_BVA.jpg\'></div>');"
><img src="Paques23pm.gif" name="big23" width="200" height="88" id="big23" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques24</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques24_IM_BVA.jpg\'></div>');"
><img src="Paques24pm.gif" name="big24" width="200" height="88" id="big24" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques25</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques25_IM_BVA.jpg\'></div>');"
><img src="Paques25pm.jpg" name="big25" width="200" height="88" id="big25" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques26</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques26_IM_BVA.jpg\'></div>');"
><img src="Paques26pm.jpg" name="big26" width="200" height="88" id="big26" onmouseout="hideTooltip()" />
</a><a href="#"

onmouseover="showTooltip('<div class=\'info\'><strong>Paques27</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques27_IM_BVA.jpg\'></div>');"
><img src="Paques27pm.jpg" name="big27" width="200" height="88" id="big27" onmouseout="hideTooltip()" />

<div id="bulle"></div>



</div>

</body>
</html>

Merci à l'avance.
Mylène

mercredi 17 août 2011 à 16:14:14 | Re : Problème de visualisation sous IE avec une infobulle

Zobibol

460 msg

461 msg CS

Ah bah ça va un peu mieux avec du code.
l'erreur semble provenir ici:

Code HTML :

<h1>Mes papiers à lettre de pâques</h1>

onmouseover="showTooltip('<div class=\'info\'><strong>Paques1</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques1_IM_BVA.jpg\'></div>');"
><img src="Paques1pm.jpg" name="big1" width="200" height="88" id="big1" onmouseout="hideTooltip()" />
</a>

il manque l'entête de du lien (a): <a href="#" ...... </a>

et la, du coup ça marche un peu mieux.
il serait bon de rajouter les "alt" sur les diverses images.

[o-_-o]

mercredi 17 août 2011 à 17:42:54 | Re : Problème de visualisation sous IE avec une infobulle

mylene38

5 msg

Coucou c'est encore moi

Alors merci beaucoup Zobibol c'eset ok pour <a href="#" ...... </a> je n'ai plus les écritures. Par contre tu lme parles de mettre des alts à chaque image ou je le place? J'ai fais des tests mais sans succès...je suis pas très expérimentée alors je n'ai pas dû le mettre correctement. Et peux tu me dire à quoi sert le atl en html? Je suis très curieuse et j'aime apprendre alors désolée pour toutes ses questions.
Mylène

jeudi 18 août 2011 à 09:15:24 | Re : Problème de visualisation sous IE avec une infobulle

Zobibol

460 msg

461 msg CS

Re-bonjour, après une bonne nuit de presque sommeil.
Alors d'une part, de rien, ce genre de soucis arrive même aux meilleurs.
Ensuite l'attribut alt est un attribut de la balise img (il me semble si je ne m'abuse qu'il est obligatoire (voire très vivement conseillé)).
Dedans, il suffit d'y placer une chaine ie:
<img src="UneImageQuiNexitePas.ext" alt="l'image UneImageQuiNexitePas.ext n'existe pas" />
du coup comme l'image n'existe pas le browser affichera la valeur de alt. ce qui n'est pas un luxe.

ici un bon site qui pourrait t'aider.

[o-_-o]

jeudi 18 août 2011 à 09:48:16 | Re : Problème de visualisation sous IE avec une infobulle

buno

109 msg

3344 msg CS

Bonjour,

ce qui n'est pas un luxe.

Je dirais même que c'est recommandé pour des raisons d'accessibilité. Une personne mal-voyante utilise un outil qui lui "lira" la page web et qui utilise les attributs alt des images

@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...

jeudi 18 août 2011 à 11:15:43 | Re : Problème de visualisation sous IE avec une infobulle

mylene38

5 msg

Re-bonjour,

Alors, j'ai positionné mes alt avec chaque image comme ceci
<h1>Mes papiers à lettre de pâques</h1>
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Paques1</strong><br />Création la Boutique Virtuelle d Agnes<br /><img id=\'big\' src=\'Paques1_IM_BVA.jpg\' alt= ></div>');"
><img src="Paques1pm.jpg" alt= name="big1" width="200" height="88" id="big1" onmouseout="hideTooltip()" />
</a><a href="#"
j'espère que j'ai bien appris ma leçon

et effectivement maintenant on peu lire le nom de l'image lorsque la souris passe dessus

J'aurai une autre requette

concernant la visibilité des mes images sous IE elles ne sont toujours pas visibles en grands lorsque je passe la souris dessus

Pourtant j'ai utilisé un code qui soit disant annuler ce genre de bug. Si vous avez une soluce je suis preneuse !!! Et merci encore c'est vraiment très gentil à vous de m'aider c'est très apprécié.
Très bon jeudi
Mylène

jeudi 18 août 2011 à 11:28:28 | Re : Problème de visualisation sous IE avec une infobulle

Zobibol

460 msg

461 msg CS

Concernant le problème sur ie, il va falloir fournir les sources de "infobulle.js".
Plusieurs pistes peuvent être néanmoins explorées: la taille des images "large", le chemin d'accès de celles-ci (il faut bien respecter la casse).
Concernant le problème (quasi résolu) de alt, il faut lui préciser une valeur (ce qui d'ailleurs pourrait permettre d'avoir des infos en plus sur les images zoomer avec ie.).

Du coup on va se mettre en attente d'info.

[o-_-o]

Cette discussion est classée dans : problème, ie, visualisation, infobulle, mal

Répondre à ce message

Sujets en rapport avec ce message

utilisateurs de MAC + IE (problème de popup) [ par cyberbelette ] Si quelqu'un sait comment faire pour éviter, sur les popup, ces éternelles marges blanches A DROITE et EN BAS qu'on obtient exclusvement en utilisant Problème de compatibilité Netscape / IE [ par Ubrald de Haleth ] Bonjour à tous,J'ai actuellement un soucis de programmation. Le voici :Existe t-il une programmation de la fonctionnalité "Faire de ce site web ma pag Problème de onclick sous IE [ par 4zel ] Salut, Je développe actuellement la nouvelle version de mon site, et voici un nouveau souci avec Internet Explorer, alors que tout marche nickel sous Problème avec frames et IE [ par DarkTiteuf ] Bonjour à tous. Bon voila, j'ai vu que plusieurs posts comme le mien ont déjà été posés mais aucun ne répond à mon problème qui est le suivant. Correspondance IE -> Firefox [ par tommy_lapotence ] Bonjour, J'ai un problème de correspondance de code entre IE et Firefox. J'ai un dans un form dont la valeur doit être comprise entre 1 et 50. J'ai positionnement de table faussée sous IE [ par _celine_ ] Bonjour, J'ai un problème dû à l'interprétation différente de Firefox et de IE. J'ai une table, je lui ai mis un pour pouvoir la placer où je veux. Probleme affichage infobulle calendrier avec IE mais pas avec firefox [ par ishanshade ] Bonjour à tousJe fais un site internet pour la FAC sur un sujet bien précis : les mangasPour ce site,j'ai voulu incorporer un calendrier avec infobull Problème très bizarre avec Div.innerHTML [ par tonic1 ] Bonjour,j'ai un gros problème, et qui me semble très bizarre.Dans mon code, quand je tappe : nom_de_mon_div.innerHTML="coucou"; Aucun probleme sous IE Problème avec scrollTop !!! [ par silvervana ] Bonjour, Je voudrais récupérer l'ordonnée de ma scrollbar. Pour cela j'ai bien compris qu'il fallait utiliser document.body.scrollTop pour IE, et wind Problème avec Mozilla [ par mightteam ] Salut j'ai un petit prob avec un de mes scripts L'explication voila donc c'est un script généré en PHP qui fonctionne nike

Livres en rapport

Dépanner et optimiser Windows pour les nuls

L'essentiel d'AutoCAD

Les graphes - N° 12 Hors-Série 2002-2

Sécurisez votre PC

Tous les livres pour Problème, Ie, Visualisation, Infobulle, Mal

Nos sponsors

Derniers Blogs

POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante

JOYEUX ANNIVERSAIRE NIX par ebartsoft

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

Forum

RE : TRIER UNE BDD POUR AFFICHER LES DISPONIBILITéS par anthony428

RE : UTILISER UN .JS par jopop

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Creation d-un intergiciel temps reel
Budget : 200 000€
Application iphone et android - gestion contenu et version derivees-URGENT-REPUBLICATION
Budget : 5 000€
Creation espace client avec suivi de commande en temps reel
Budget : 800€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP