Bonjour,
Je travaille sur un site avec une barre de menu en double. La première barre, en haut, contient deux icones (l'une pour retourner sur la page d'accueil et l'autre pour afficher le formulaire de contact). En dessous de cette barre, une seconde barre fait à l'exemple de ceci :
http://css.alsacreations.com/xmedia/exemples/deroulant/cssmenu3.htm
Quand j'arrive sur la page d'accueil, tout s'affiche nickel, mais quand je survole les icones de la première barre (je n'ai aucun souci avec la seconde barre), la moitié du texte de la colonne de gauche disparaît (tout en restant visible si je fais "afficher la source") !!!! Incompréhensible. D'ailleurs, ça ne le fait qu'avec IE, pas de souci avec Firefox, Mozilla, Opéra, Safari !
Voici mon "afficher la source"
quelqu'un comprend ??? Merci de vos idées sur la question. J'aurais aimé montrer la page, mais je n'arrive pas à joindre l'image...
Je travaille sur un site avec une barre de menu en double. La première barre, en haut, contient deux icones (l'une pour retourner sur la page d'accueil et l'autre pour afficher le formulaire de contact). En dessous de cette barre, une seconde barre fait à l'exemple de ceci :
http://css.alsacreations.com/xmedia/exemples/deroulant/cssmenu3.htm
Quand j'arrive sur la page d'accueil, tout s'affiche nickel, mais quand je survole les icones de la première barre (je n'ai aucun souci avec la seconde barre), la moitié du texte de la colonne de gauche disparaît (tout en restant visible si je fais "afficher la source") !!!! Incompréhensible. D'ailleurs, ça ne le fait qu'avec IE, pas de souci avec Firefox, Mozilla, Opéra, Safari !
Voici mon "afficher la source"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>accueil</title>
<meta name="generator" content="Bluefish 1.0.4"/>
<link rel="stylesheet" type="text/css" href="messources.css" /><div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script type="text/javascript" language="JavaScript" src="overlib/overlib.js"></script>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
</head>
<body>
<table class="orange">
<tr>
<td class="un"></td>
<td class="logo"><a href="http://www.messources.com/"onmouseover="return overlib('accueil',WIDTH,30,FGCOLOR,'white',BGCOLOR,'#422F1A',TEXTCOLOR,'#FF6600');" onmouseout="nd();"><img border="0" src="mess.jpg" /></a></td>
<td><a href="http://www.messources.com/contact/messages.php?contact=message"onmouseover="return overlib('contact',WIDTH,30,FGCOLOR,'white',BGCOLOR,'#422F1A',TEXTCOLOR,'#FF6600');" onmouseout="nd();"><img border="0" src="rond_brun.png"></a></td>
<td class="cherche"><form action="http://www.messources.com/biblio/listebiblio.php" method="post">mot de titre :
<input type="text" name="titre">
<input type="hidden" size="2" name="nombre" value="6" />
<input type="hidden" size="2" name="classemt" value="Nom_Auteur" />
<input type="submit" value="cherche" /></form></td>
<td class="deux"></td>
</tr>
</table>
<table class="brun">
<tr class="compte">
<td class="un"></td>
<td>Voici le nombre d'actes : 606</td>
<td>Voici le nombre de livres : 85</td> <td>Vous êtes identifié au nom de <strong><a class="mess" href="util/">Thiebo</a></strong></td>
<td class="un"></td>
</tr>
</table>
<div id="barre">
<div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');"><a class="mess" href="actes/">les actes</a></dt>
<dd id="smenu1">
<ul>
<li><a class="smess" href="http://www.messources.com/actes/cherchactes.php">chercher un acte</a></li>
<li><a class="smess" href="http://www.messources.com/actes/cherchactes.php?cherche=simple">recherche simple</a></li>
<li><a class="smess" href="http://www.messources.com/actes/derniers.php">derniers actes</a></li>
<li><a class="smess" href="http://www.messources.com/actes/palactes.php?mode=MODE_NOUVEL">ajouter un acte</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');"><a class="mess" href="biblio/">la bibliographie</a></dt>
<dd id="smenu2">
<ul>
<li><a class="smess" href="http://www.messources.com/biblio/cherchebiblio.php">chercher un livre</a></li>
<li><a class="smess" href="http://www.messources.com/biblio/palbiblio.php?mode=MODE_NOUVEL">ajouter un livre</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');"><a class="mess" href="voca/">le vocabulaire</a></dt>
<dd id="smenu3">
<ul>
<li><a class="smess" href="http://www.messources.com/voca/cherchevoca.php?table=latin">latin</a></li>
<li><a class="smess" href="http://www.messources.com/voca/cherchevoca.php?table=francais">français</a></li>
<li><a class="smess" href="http://www.messources.com/voca/palvoca.php?mode=MODE_NOUVEL">ajouter un mot</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');"><a class="mess" href="propos/">ce site</a></dt>
<dd id="smenu4">
<ul>
<li><a class="smess" href="http://www.messources.com/propos/">merci à</a></li>
<li><a class="smess" href="http://www.messources.com/util/cnil.php">données personnelles</a></li>
<li><a class="smess" href="http://www.messources.com/util/pi.php">mention légale</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu5');"><a class="mess" href="http://www.messources.com/liens/">liens</a></dt>
<!--
<dd id="smenu5">
<ul>
<li><a class="smess" href="#">Sous-menu 4.1</a></li>
<li><a class="smess" href="#">Sous-menu 4.2</a></li>
<li><a class="smess" href="#">Sous-menu 4.3</a></li>
</ul>
</dd>
-->
</dl>
</div>
</div>
<div id="ttre">
<h2 class="titre">ACCUEIL</h2>
</div>
<div id="tex">
<div id="txgch">
<h3 class="titre">Bienvenue</h3>
<p>Vous pouvez toujours vous rendre sur "<em>mon compte</em>" et de changer votre mot
de passe et/ou identifiant de connection éventuellement compléter et/ou modifier les renseignements demandés.</p>
<h3 class="titre">Qu'est ce que ce site ?</h3>
<p>Ce site a été créé dans le cadre de ma thèse sur les
contrats dans le Nord de la France et en Belgique du XIè au XIIIè siècle.
Il permet de classer les actes qui sont ma matière première, mes sources,
dans une base de données et de les
rechercher ensuite suivant différents critères. Ces critères sont relatifs
aux actes, à leur
contenu et aux ouvrages dans lesquels ces actes se trouvent. Toutes
les informations peuvent être
retrouvées par acte. Ce site contient également une base "<em>bibliographie</em>" dans
laquelle j'ai intégré non seulement les ouvrages contenant des sources, mais
également les ouvrages et articles purement doctrinaux. Enfin, deux
modestes bases "<em>vocabulaire</em>" : l'une pour le vocabulaire français et
l'autre pour le vocabulaire latin complètent ce site. </p>
</div>
<div id="txdte">
<h3 class="titre">Comment utiliser ce site ?</h3>
<p>La principale utilisation est de voir mon travail sur les
actes. Pour chaque acte étudié il y a une fiche donnant des renseignements
utiles et un bref résumé. Rarement une fiche contient le texte complet et
/ ou un commentaire. Vous pouvez faire des modifications aux fiches et
laisser un commentaire sur une fiche. Il est également possible d'ajouter
des actes, de la bibliographie ou du vocabulaire. J'ai essayé de rendre le
site le plus intuitif possible. Cependant, des infobulles vous aident à
naviguer sur le site. </p>
</div>
</div>
</body>
</html>quelqu'un comprend ??? Merci de vos idées sur la question. J'aurais aimé montrer la page, mais je n'arrive pas à joindre l'image...