IE et FF pour compatibilité d'un menu
bg62
Messages postés
26243
Date d'inscription
Statut
Modérateur
Dernière intervention
-
bg62 Messages postés 26243 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 26243 Date d'inscription Statut Modérateur Dernière intervention -
bonjour,
là j'ai vraiment besoin d'aide !!!
sur un de mes sites: https://www.unesourisetmoi.info/
(ne me parlez pas de son look ou de sa conformité ... il y a beaucoup trop de pages que je ne puis corriger en ce moment !) MAIS J'AI UN GROS PROBLEME !!! : le menu
sous IE6 pas de problèmes, par contre lorsque je le regarde avec FF, les sous menu sont décallés vers la gauche et cela fait affreux
Pour ce menu: il est appelé avec un 'include' dans chaque page, et se compse d'un fichier menu.html (sans problèmes sans lequel il n'y a que les liens), puis d'une css et d'un peu de javascript , tous incorporés dans un menu.php qui est celui appalé dans les pages
si vous avez besoin du code ou de certaines de ses parties pour pouvoir m'aider, n'hésitez pas à le dire
@mitiés
b g
là j'ai vraiment besoin d'aide !!!
sur un de mes sites: https://www.unesourisetmoi.info/
(ne me parlez pas de son look ou de sa conformité ... il y a beaucoup trop de pages que je ne puis corriger en ce moment !) MAIS J'AI UN GROS PROBLEME !!! : le menu
sous IE6 pas de problèmes, par contre lorsque je le regarde avec FF, les sous menu sont décallés vers la gauche et cela fait affreux
Pour ce menu: il est appelé avec un 'include' dans chaque page, et se compse d'un fichier menu.html (sans problèmes sans lequel il n'y a que les liens), puis d'une css et d'un peu de javascript , tous incorporés dans un menu.php qui est celui appalé dans les pages
si vous avez besoin du code ou de certaines de ses parties pour pouvoir m'aider, n'hésitez pas à le dire
@mitiés
b g
A voir également:
- IE et FF pour compatibilité d'un menu
- Compatibilite windows 11 - Guide
- Menu déroulant excel - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Canon quick menu - Télécharger - Utilitaires
- Activer bluetooth tv samsung menu caché ✓ - Forum TV & Vidéo
5 réponses
met le dans un div, et positionne ce div a 1 px du haut, et 1 px de la gauche
ps : sous IE, erreur javascript...
ps : sous IE, erreur javascript...
<?php echo "<div id(ou_class)=\"menu\">"; include "../bgmenu/BulMenu.php"; echo "</div>"; ?>
auquel tu rajoute dans la css
#menu{tes propriétés de position la ou tu veux}
erreurs :
1)ligne307 : constante chaine non definie
2)ligne64 : phpmyvisitesites est indéfini
oh là ... pas trop vite !
là je plane ...
pourrais-tu me donner un peu plus d'explication car mes capacités sont quand même assez limitées !
et faudrait que je comprenne ...
<?php
echo "<div id(ou_class)=\"menu\">";
include "../bgmenu/BulMenu.php";
echo "</div>";
?>
ça remplacerait tous les 'includes' que j'ai faits ??? dans toutes les pages ???
auquel tu rajoute dans la css
#menu{tes propriétés de position la ou tu veux}
ce serait à ajouter dans le fichier BulMenu.php ?
où et quoi mettre ?
pour les deux autres erreurs je vais regarder après
... une chose à la fois !
grand merci !
@mitiés
b g
là je plane ...
pourrais-tu me donner un peu plus d'explication car mes capacités sont quand même assez limitées !
et faudrait que je comprenne ...
<?php
echo "<div id(ou_class)=\"menu\">";
include "../bgmenu/BulMenu.php";
echo "</div>";
?>
ça remplacerait tous les 'includes' que j'ai faits ??? dans toutes les pages ???
auquel tu rajoute dans la css
#menu{tes propriétés de position la ou tu veux}
ce serait à ajouter dans le fichier BulMenu.php ?
où et quoi mettre ?
pour les deux autres erreurs je vais regarder après
... une chose à la fois !
grand merci !
@mitiés
b g
arf ouais, jt'ai donné la réponse dans le mauvais sens...
quand tu appelles ton include menu.php, tu as actuellement un menu simplement en liste ul/li
ben au début, dans la page menu.php tu rajoutes la balise <div id="menu">
et a la fin la balise </div>
et pour les propriétés du div, c'est a rajouter dans ta feuille de style (si t'as une feuille de style globale externe, ou les propriétés de style dans la déclaration de tes pages.
je sais pas si on peut ecrire : <div id="menu" position="absolute" top="1px" left="1px"> (tu peux changer la position)
testes... tu verras si ca fonctionne
quand tu appelles ton include menu.php, tu as actuellement un menu simplement en liste ul/li
ben au début, dans la page menu.php tu rajoutes la balise <div id="menu">
et a la fin la balise </div>
et pour les propriétés du div, c'est a rajouter dans ta feuille de style (si t'as une feuille de style globale externe, ou les propriétés de style dans la déclaration de tes pages.
je sais pas si on peut ecrire : <div id="menu" position="absolute" top="1px" left="1px"> (tu peux changer la position)
testes... tu verras si ca fonctionne
j'ai retraivaillé sur la CSS et le menu s'affiche maintenant correctement sous FF ...... mais plus du tout sous IE !!!
https://www.unesourisetmoi.info/
un truc de fou que je n'arrive pas du tout à solutionner !
voici la nouvelle CSS mise en ligne, si quelqu'un pouvait me dire comment faire pour que cela fonctionne sous les deux navigateurs ce serait super !!! y-aurait-il un moyen de faire un truc du genre " if IE ...."
"if FF .... " mais là je ne connais pas du tout la syntaxe ....
alors avis aux "spécialistes" !!!!!!!!!
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<style type="text/css">
body { cursor:pointer;
margin:0;
background:#000; }
span { position:absolute;
font-family: verdana;
font-weight: bold; }
</style>
</head>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<body>
<style type="text/css">
#Menu { width:1050px; /* largeur 1ère ligne */
font-family:vernada; /* police utilisée */
font-size:12px;
left:-40px;
position:relative;
font-weight:normal;
text-align:center; }
#Menu a { text-decoration:none;
border:1px solid #FF0000; /* couleur de la bordure ici mis en rouge pur pour essai*/
background-color:#FFC285; /* couleur normale du fond */
display:block;
color:#000080;
display:block;
color:#000000;}
#Menu a:hover
{ background-color:#CCFFFF; /* couleur du fond quand on survole */
}
#Menu li { width:110px; /* largeur des libellés METTRE 110 OU 115 APRES */
margin-right:1; /* espace à droite */
cursor:pointer;
display:block;
float:left; }
#Menu ul { visibility:hidden;
position:absolute; }
#Menu ul li { float:none;
display:block;
left:-40px; /* ajustements horizontaux des sous-menus 1er niveau */
position:relative; }
#Menu ul li ul
{ float:none;
position:absolute;
left:110px; /* ajustements horizontaux des sous-menus niveaux suivants 11
5 A L AIR OK POUR LES COLLER AVOIR AVEC L AUTRE 115 DANS MENU LI POUR COLLER EN FONCTION DE LA LARGEUR
DES BLOCS */
top:-1px; /* ajustements verticaux des sous-menus niveaux suivants */
visibility:hidden; }
* html #Menu li li,* html #Menu li li li
{ display:inline; }
#Menu img { border:0; }
</style>
<ul id="Menu">
<li><a>Accueil et +</a>
<ul>
<li><a href="../bgmenu/depart.php">Retour Accueil.</a></li>
<li><a href="../index.html">Retour Ouverture.</a></li>
<li><a href="../pages/contacts.php">CONTACT.</a></li>
<li><a href="../pages/plan_du_site.html">Plan du Site.</a></li>
<li><a href="../rss1.xml">Flux rss.</a></li>
<li><a href="#">Du même auteur.</a>
<ul>
<li><a href="http://unesourisetmoi.teria.org" target="_blank">Screensavers</a></li>
<li><a href="http://refok.free.fr/super/" target="_blank">Référencement de Sites</a></li>
<li><a href="https://www.unesourisetmoi.info/creation-de-sites/" target="_blank">Créations de sites</a></li>
<li><a href="http://unesourisetmoi.free.fr" target="_blank">Feuille
de style CSS.</a></li>
<li><a href="../pages/gestiondesites.php">Gestion des Sites</a></li>
</ul>
</li>
<li><a href="../liensdur/index.php">Liens en dur pour votre site.</a></li>
</ul>
</li>
<li><a>Explicatons.</a>
<ul>
<li><a href="../pages/generalites.php">Généralités.</a></li>
<li><a href="../fractales/fractales.php">Fractales.</a></li>
<li><a href="../metal/metal.php">Métal.</a></li>
<li><a href="../point/point.php">Point.</a></li>
<li><a href="../vision/visions.php">Visions !</a></li>
<li><a href="../warp/warping.php">Warping</a></li>
<li><a href="../pages/portos.php">Portofolios.</a></li>
<li><a href="../lescouleursdutemps/lescouleursdutemps.php">Les Couleurs du Temps.</a></li>
</ul>
</li>
<li><a>Fonds d écran</a>
<ul>
<li><a href="../fonds1/fonds1.php">Fonds 01</a></li>
<li><a href="../fonds2/fonds2.php">Fonds 02</a></li>
<li><a href="../fonds3/fonds3.php">Fonds 03</a></li>
<li><a href="../fonds4/fonds4.php">Fonds 04</a></li>
<li><a href="../fonds5/fonds5.php">Fonds 05</a></li>
<li><a href="../fonds6/fonds6.php">Fonds 06</a></li>
<li><a href="../fonds7/fonds7.php">Fonds 07</a></li>
<li><a href="../fonds8/fonds8.php">Fonds 08</a></li>
<li><a href="../photos1/photos1.php">La Neige</a></li>
<li><a href="../photos2/photos2.php">Orchidées</a></li>
<li><a href="../photos3/photos3.php">Webmasters</a></li>
<li><a href="../photos4/photos4.php">Cerfs-volants</a></li>
<li><a href="../photos5/photos5.php">Champignons 1</a></li>
<li><a href="../photos6/photos6.php">Champignons 2</a></li>
<li><a href="../photos7/photos7.php">Châteaux</a></li>
<li><a href="../pages/caarrive.php">Photos 08</a></li>
<li><a href="../pages/v_votreavis.php">Votre avis !</a></li>
</ul>
</li>
<li><a>Expositions 1</a>
<ul>
<li><a href="../bg01/bg01.php">Expo 01</a></li>
<li><a href="../bg02/bg02.php">Expo 02</a></li>
<li><a href="../bg03/bg03.php">Expo 03</a></li>
<li><a href="../bg04/bg04.php">Expo 04</a></li>
<li><a href="../bg05/bg05.php">Expo 05</a></li>
<li><a href="../bg06/bg06.php">Expo 06</a></li>
<li><a href="../bg07/bg07.php">Expo 07</a></li>
<li><a href="../bg08/bg08.php">Expo 08</a></li>
<li><a href="../bg09/bg09.php">Expo 09</a></li>
<li><a href="../bg10/bg10.php">Expo 10</a></li>
</ul>
</li>
<li><a href="#menu5" >Expositions 2</a>
<ul>
<li><a href="../bg11/bg11.php">Expo 11</a></li>
<li><a href="../bg12/bg12.php">Expo 12</a></li>
<li><a href="../bg13/bg13.php">Expo 13</a></li>
<li><a href="../bg14/bg14.php">Expo 14</a></li>
<li><a href="../bg15/bg15.php">Expo 15</a></li>
<li><a href="../bg16/bg16.php">Expo 16</a></li>
<li><a href="../bg17/bg17.php">Expo 17</a></li>
<li><a href="../bg18/bg18.php">Expo 18</a></li>
<li><a href="../bg19/bg19.php">Expo 19</a></li>
<li><a href="../bg20/bg20.php">Expo 20</a></li>
</ul>
</li>
<li><a href="#menu6" >Expositions 3</a>
<ul>
<li><a href="../bg21/bg21.php">Expo 21</a></li>
<li><a href="../bg22/bg22.php">Expo 22</a></li>
<li><a href="../bg23/bg23.php">Expo 23</a></li>
<li><a href="../bg24/bg24.php">Expo 24</a></li>
<li><a href="../bg25/bg25.php">Expo 25</a></li>
<li><a href="../bg26/bg26.php">Expo 26</a></li>
<li><a href="../pages/chantier.php">Expo 27</a></li>
<li><a href="../bg28/bg28.php">Expo 28</a></li>
<li><a href="../bg30/bg30.php">Expo 30</a></li>
<li><a href="../bg31/bg31.php">Expo 31</a></li>
</ul>
</li>
<li><a href="#menu7" >Ventes.</a>
<ul>
<li><a href="../pages/v_generalites.php">Généralités</a></li>
<li><a href="../pages/tarifs.php">Tarifs</a></li>
<li><a href="../pages/v_conditions.php">Conditions</a></li>
<li><a href="../pages/contacts.php">CONTACT.</a></li>
<li><a href="../serie1/serie1.php">Série 1</a></li>
<li><a href="../serie2/serie2.php">Série 2</a></li>
<li><a href="../pages/attendserie.php">Série 3</a></li>
<li><a href="../pages/attendserie.php">Série 4</a></li>
<li><a href="../pages/attendserie.php">Série 5</a></li>
<li><a href="../pages/attendserie.php">Série 6</a></li>
<li><a href="../lithos/lithos1.php">LITHOGRAPHIES ORIGINALES .</a></li>
<li><a href="../lepraz23/lepraz23.php">VENDS APPARTEMENT !</a></li>
</ul>
</li>
<li><a href="#menu8" >Liens +</a>
<ul>
<li><a href="../pages/contacts.php">CONTACTS.</a></li>
<li><a href="../pages/fun1.php">Fun .</a></li>
<li><a href="#">Webmasters.</a>
<ul>
<li><a href="../pages/liens-utiles.php">Liens utiles.</a></li>
<li><a href="../lienspub/lienspub.php">Pubs </a></li>
<li><a href="../lienspub/lienspub1.php">Pubs 1</a></li>
<li><a href="../lienspub/lienspub2.php">Pubs 2</a></li>
<li><a href="../lienspub/lienspub3.php">Pubs 3</a></li>
<li><a href="../formulaires/index.php">Création de formulairePHP</a></li>
<li><a href="../gestiondescouleurs/index.html" target="_blank">Gestions
des couleurs</a></li>
<li><a href="../pages/trouver.php">Trouver ...</a></li>
<li><a href="../pages/mycircle.php">MyCircle.</a></li>
<li><a href="../pages/partenaires.php">Partenaires.</a></li>
</ul>
<li><a href="../pages/sudoku.php">Sudoku !</a></li>
<li><a href="#">DIVERS</a>
<ul><li><a href="../pages/liens.php">Coups de Coeur.</a></li>
<li><a href="../pages/concours.php">CONCOURS.</a></li>
<li><a href="../pages/cinema.php">Programmes Cinéma.</a></li>
<li><a href="../pages/programmetele.php">Programmes Télévision</a></li>
<li><a href="../pages/caricatures.php">Caricatures.</a></li>
<li><a href="../pages/newsletter.php">Newsletter</a></li>
<li><a href="../pages/ajour.php">Mises à jour.</a></li>
</ul>
<li><a href="../pages/jouerfun.php">Jouer en ligne</a></li>
<li><a href="../pages/cartes-postales.php">Cartes Postales virtuelles.</a></li>
<li><a href="../pages/cartespostales.php">Véritables Cartes Postales !</a></li>
<li><a href="../pages/humour.php">Pour vous détendre.</a></li>
<li><a href="../pages/ctqui.php">Annuaire Inversé.</a></li>
<li><a href="../pages/bg_livredor.php">Livre d'Or</a></li>
<li><a href="#">Archives.</a>
<ul>
<li><a href="../newsletters/news_1.php">News Letter 1</a></li>
<li><a href="../newsletters/news_2.php">News Letter 2</a></li>
<li><a href="../newsletters/news_3.php">News Letter 3</a></li>
</ul>
</ul>
</li>
</ul>
<script type="text/javascript">
var l=document.getElementById("Menu").getElementsByTagName('LI');
for ( var n=0; n<l.length; n++ )
{
l[n].unselectable="on"; /* pour faire plus propre : "non sélectionnable", ne fonctionne pas avec FF ? */
if ( l[n].getElementsByTagName('UL') && l[n].getElementsByTagName('UL').length>0 )
{
l[n].onmouseover = function()
{
this.getElementsByTagName('UL')[0].style.visibility="visible";
}
l[n].onmouseout = function()
{
this.getElementsByTagName('UL')[0].style.visibility="hidden";
}
l[n].getElementsByTagName('A')[0].innerHTML+=" <img src='../bgmenu/FlecheDroite.gif' />";
}
else {
l[n].getElementsByTagName('A')[0].innerHTML+="<img src='../bgmenu/FlecheDroite.gif' style='width:0;height:0;'/>";
/* pour permettre de détecter le survol "hors du texte" avec IE */
}
}
</script>
https://www.unesourisetmoi.info/
un truc de fou que je n'arrive pas du tout à solutionner !
voici la nouvelle CSS mise en ligne, si quelqu'un pouvait me dire comment faire pour que cela fonctionne sous les deux navigateurs ce serait super !!! y-aurait-il un moyen de faire un truc du genre " if IE ...."
"if FF .... " mais là je ne connais pas du tout la syntaxe ....
alors avis aux "spécialistes" !!!!!!!!!
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<style type="text/css">
body { cursor:pointer;
margin:0;
background:#000; }
span { position:absolute;
font-family: verdana;
font-weight: bold; }
</style>
</head>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<body>
<style type="text/css">
#Menu { width:1050px; /* largeur 1ère ligne */
font-family:vernada; /* police utilisée */
font-size:12px;
left:-40px;
position:relative;
font-weight:normal;
text-align:center; }
#Menu a { text-decoration:none;
border:1px solid #FF0000; /* couleur de la bordure ici mis en rouge pur pour essai*/
background-color:#FFC285; /* couleur normale du fond */
display:block;
color:#000080;
display:block;
color:#000000;}
#Menu a:hover
{ background-color:#CCFFFF; /* couleur du fond quand on survole */
}
#Menu li { width:110px; /* largeur des libellés METTRE 110 OU 115 APRES */
margin-right:1; /* espace à droite */
cursor:pointer;
display:block;
float:left; }
#Menu ul { visibility:hidden;
position:absolute; }
#Menu ul li { float:none;
display:block;
left:-40px; /* ajustements horizontaux des sous-menus 1er niveau */
position:relative; }
#Menu ul li ul
{ float:none;
position:absolute;
left:110px; /* ajustements horizontaux des sous-menus niveaux suivants 11
5 A L AIR OK POUR LES COLLER AVOIR AVEC L AUTRE 115 DANS MENU LI POUR COLLER EN FONCTION DE LA LARGEUR
DES BLOCS */
top:-1px; /* ajustements verticaux des sous-menus niveaux suivants */
visibility:hidden; }
* html #Menu li li,* html #Menu li li li
{ display:inline; }
#Menu img { border:0; }
</style>
<ul id="Menu">
<li><a>Accueil et +</a>
<ul>
<li><a href="../bgmenu/depart.php">Retour Accueil.</a></li>
<li><a href="../index.html">Retour Ouverture.</a></li>
<li><a href="../pages/contacts.php">CONTACT.</a></li>
<li><a href="../pages/plan_du_site.html">Plan du Site.</a></li>
<li><a href="../rss1.xml">Flux rss.</a></li>
<li><a href="#">Du même auteur.</a>
<ul>
<li><a href="http://unesourisetmoi.teria.org" target="_blank">Screensavers</a></li>
<li><a href="http://refok.free.fr/super/" target="_blank">Référencement de Sites</a></li>
<li><a href="https://www.unesourisetmoi.info/creation-de-sites/" target="_blank">Créations de sites</a></li>
<li><a href="http://unesourisetmoi.free.fr" target="_blank">Feuille
de style CSS.</a></li>
<li><a href="../pages/gestiondesites.php">Gestion des Sites</a></li>
</ul>
</li>
<li><a href="../liensdur/index.php">Liens en dur pour votre site.</a></li>
</ul>
</li>
<li><a>Explicatons.</a>
<ul>
<li><a href="../pages/generalites.php">Généralités.</a></li>
<li><a href="../fractales/fractales.php">Fractales.</a></li>
<li><a href="../metal/metal.php">Métal.</a></li>
<li><a href="../point/point.php">Point.</a></li>
<li><a href="../vision/visions.php">Visions !</a></li>
<li><a href="../warp/warping.php">Warping</a></li>
<li><a href="../pages/portos.php">Portofolios.</a></li>
<li><a href="../lescouleursdutemps/lescouleursdutemps.php">Les Couleurs du Temps.</a></li>
</ul>
</li>
<li><a>Fonds d écran</a>
<ul>
<li><a href="../fonds1/fonds1.php">Fonds 01</a></li>
<li><a href="../fonds2/fonds2.php">Fonds 02</a></li>
<li><a href="../fonds3/fonds3.php">Fonds 03</a></li>
<li><a href="../fonds4/fonds4.php">Fonds 04</a></li>
<li><a href="../fonds5/fonds5.php">Fonds 05</a></li>
<li><a href="../fonds6/fonds6.php">Fonds 06</a></li>
<li><a href="../fonds7/fonds7.php">Fonds 07</a></li>
<li><a href="../fonds8/fonds8.php">Fonds 08</a></li>
<li><a href="../photos1/photos1.php">La Neige</a></li>
<li><a href="../photos2/photos2.php">Orchidées</a></li>
<li><a href="../photos3/photos3.php">Webmasters</a></li>
<li><a href="../photos4/photos4.php">Cerfs-volants</a></li>
<li><a href="../photos5/photos5.php">Champignons 1</a></li>
<li><a href="../photos6/photos6.php">Champignons 2</a></li>
<li><a href="../photos7/photos7.php">Châteaux</a></li>
<li><a href="../pages/caarrive.php">Photos 08</a></li>
<li><a href="../pages/v_votreavis.php">Votre avis !</a></li>
</ul>
</li>
<li><a>Expositions 1</a>
<ul>
<li><a href="../bg01/bg01.php">Expo 01</a></li>
<li><a href="../bg02/bg02.php">Expo 02</a></li>
<li><a href="../bg03/bg03.php">Expo 03</a></li>
<li><a href="../bg04/bg04.php">Expo 04</a></li>
<li><a href="../bg05/bg05.php">Expo 05</a></li>
<li><a href="../bg06/bg06.php">Expo 06</a></li>
<li><a href="../bg07/bg07.php">Expo 07</a></li>
<li><a href="../bg08/bg08.php">Expo 08</a></li>
<li><a href="../bg09/bg09.php">Expo 09</a></li>
<li><a href="../bg10/bg10.php">Expo 10</a></li>
</ul>
</li>
<li><a href="#menu5" >Expositions 2</a>
<ul>
<li><a href="../bg11/bg11.php">Expo 11</a></li>
<li><a href="../bg12/bg12.php">Expo 12</a></li>
<li><a href="../bg13/bg13.php">Expo 13</a></li>
<li><a href="../bg14/bg14.php">Expo 14</a></li>
<li><a href="../bg15/bg15.php">Expo 15</a></li>
<li><a href="../bg16/bg16.php">Expo 16</a></li>
<li><a href="../bg17/bg17.php">Expo 17</a></li>
<li><a href="../bg18/bg18.php">Expo 18</a></li>
<li><a href="../bg19/bg19.php">Expo 19</a></li>
<li><a href="../bg20/bg20.php">Expo 20</a></li>
</ul>
</li>
<li><a href="#menu6" >Expositions 3</a>
<ul>
<li><a href="../bg21/bg21.php">Expo 21</a></li>
<li><a href="../bg22/bg22.php">Expo 22</a></li>
<li><a href="../bg23/bg23.php">Expo 23</a></li>
<li><a href="../bg24/bg24.php">Expo 24</a></li>
<li><a href="../bg25/bg25.php">Expo 25</a></li>
<li><a href="../bg26/bg26.php">Expo 26</a></li>
<li><a href="../pages/chantier.php">Expo 27</a></li>
<li><a href="../bg28/bg28.php">Expo 28</a></li>
<li><a href="../bg30/bg30.php">Expo 30</a></li>
<li><a href="../bg31/bg31.php">Expo 31</a></li>
</ul>
</li>
<li><a href="#menu7" >Ventes.</a>
<ul>
<li><a href="../pages/v_generalites.php">Généralités</a></li>
<li><a href="../pages/tarifs.php">Tarifs</a></li>
<li><a href="../pages/v_conditions.php">Conditions</a></li>
<li><a href="../pages/contacts.php">CONTACT.</a></li>
<li><a href="../serie1/serie1.php">Série 1</a></li>
<li><a href="../serie2/serie2.php">Série 2</a></li>
<li><a href="../pages/attendserie.php">Série 3</a></li>
<li><a href="../pages/attendserie.php">Série 4</a></li>
<li><a href="../pages/attendserie.php">Série 5</a></li>
<li><a href="../pages/attendserie.php">Série 6</a></li>
<li><a href="../lithos/lithos1.php">LITHOGRAPHIES ORIGINALES .</a></li>
<li><a href="../lepraz23/lepraz23.php">VENDS APPARTEMENT !</a></li>
</ul>
</li>
<li><a href="#menu8" >Liens +</a>
<ul>
<li><a href="../pages/contacts.php">CONTACTS.</a></li>
<li><a href="../pages/fun1.php">Fun .</a></li>
<li><a href="#">Webmasters.</a>
<ul>
<li><a href="../pages/liens-utiles.php">Liens utiles.</a></li>
<li><a href="../lienspub/lienspub.php">Pubs </a></li>
<li><a href="../lienspub/lienspub1.php">Pubs 1</a></li>
<li><a href="../lienspub/lienspub2.php">Pubs 2</a></li>
<li><a href="../lienspub/lienspub3.php">Pubs 3</a></li>
<li><a href="../formulaires/index.php">Création de formulairePHP</a></li>
<li><a href="../gestiondescouleurs/index.html" target="_blank">Gestions
des couleurs</a></li>
<li><a href="../pages/trouver.php">Trouver ...</a></li>
<li><a href="../pages/mycircle.php">MyCircle.</a></li>
<li><a href="../pages/partenaires.php">Partenaires.</a></li>
</ul>
<li><a href="../pages/sudoku.php">Sudoku !</a></li>
<li><a href="#">DIVERS</a>
<ul><li><a href="../pages/liens.php">Coups de Coeur.</a></li>
<li><a href="../pages/concours.php">CONCOURS.</a></li>
<li><a href="../pages/cinema.php">Programmes Cinéma.</a></li>
<li><a href="../pages/programmetele.php">Programmes Télévision</a></li>
<li><a href="../pages/caricatures.php">Caricatures.</a></li>
<li><a href="../pages/newsletter.php">Newsletter</a></li>
<li><a href="../pages/ajour.php">Mises à jour.</a></li>
</ul>
<li><a href="../pages/jouerfun.php">Jouer en ligne</a></li>
<li><a href="../pages/cartes-postales.php">Cartes Postales virtuelles.</a></li>
<li><a href="../pages/cartespostales.php">Véritables Cartes Postales !</a></li>
<li><a href="../pages/humour.php">Pour vous détendre.</a></li>
<li><a href="../pages/ctqui.php">Annuaire Inversé.</a></li>
<li><a href="../pages/bg_livredor.php">Livre d'Or</a></li>
<li><a href="#">Archives.</a>
<ul>
<li><a href="../newsletters/news_1.php">News Letter 1</a></li>
<li><a href="../newsletters/news_2.php">News Letter 2</a></li>
<li><a href="../newsletters/news_3.php">News Letter 3</a></li>
</ul>
</ul>
</li>
</ul>
<script type="text/javascript">
var l=document.getElementById("Menu").getElementsByTagName('LI');
for ( var n=0; n<l.length; n++ )
{
l[n].unselectable="on"; /* pour faire plus propre : "non sélectionnable", ne fonctionne pas avec FF ? */
if ( l[n].getElementsByTagName('UL') && l[n].getElementsByTagName('UL').length>0 )
{
l[n].onmouseover = function()
{
this.getElementsByTagName('UL')[0].style.visibility="visible";
}
l[n].onmouseout = function()
{
this.getElementsByTagName('UL')[0].style.visibility="hidden";
}
l[n].getElementsByTagName('A')[0].innerHTML+=" <img src='../bgmenu/FlecheDroite.gif' />";
}
else {
l[n].getElementsByTagName('A')[0].innerHTML+="<img src='../bgmenu/FlecheDroite.gif' style='width:0;height:0;'/>";
/* pour permettre de détecter le survol "hors du texte" avec IE */
}
}
</script>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
en résumé,
maintenant pour FF c'est ok et pour IE les 'sous-menus' sont décalés vers la droite
auparavant cela fonctionnait sous IE et les sous menus étaient décallés vers la gauche
une histoire de fou ....
alors je remets les codes ici:
en premier celui qui est actuellement remis en ligne et fonctionne sous FF:
------------------------------------------------------------------------
<style type="text/css">
#Menu { width:1050px; /* largeur 1ère ligne */
font-family:vernada; /* police utilisée */
font-size:12px;
left:-40px;
position:relative;
font-weight:normal;
text-align:center; }
#Menu a { text-decoration:none;
border:1px solid #FF0000; /* couleur de la bordure ici mis en rouge pur pour essai*/
background-color:#FFC285; /* couleur normale du fond */
display:block;
color:#000080;
display:block;
color:#000000;}
#Menu a:hover
{ background-color:#CCFFFF; /* couleur du fond quand on survole */
}
#Menu li { width:110px; /* largeur des libellés METTRE 110 OU 115 APRES */
margin-right:1; /* espace à droite */
cursor:pointer;
display:block;
float:left; }
#Menu ul { visibility:hidden;
position:absolute; }
#Menu ul li { float:none;
display:block;
left:-40px; /* ajustements horizontaux des sous-menus 1er niveau */
position:relative; }
#Menu ul li ul
{ float:none;
position:absolute;
left:110px; /* ajustements horizontaux des sous-menus niveaux suivants 11
5 A L AIR OK POUR LES COLLER AVOIR AVEC L AUTRE 115 DANS MENU LI POUR COLLER EN FONCTION DE LA LARGEUR
DES BLOCS */
top:-1px; /* ajustements verticaux des sous-menus niveaux suivants */
visibility:hidden; }
* html #Menu li li,* html #Menu li li li
{ display:inline; }
#Menu img { border:0; }
</style>
<?php include "../bgmenu/BulMenu.htm"; ?>
<script type="text/javascript">
var l=document.getElementById("Menu").getElementsByTagName('LI');
for ( var n=0; n<l.length; n++ )
{
l[n].unselectable="on"; /* pour faire plus propre : "non sélectionnable", ne fonctionne pas avec FF ? */
if ( l[n].getElementsByTagName('UL') && l[n].getElementsByTagName('UL').length>0 )
{
l[n].onmouseover = function()
{
this.getElementsByTagName('UL')[0].style.visibility="visible";
}
l[n].onmouseout = function()
{
this.getElementsByTagName('UL')[0].style.visibility="hidden";
}
l[n].getElementsByTagName('A')[0].innerHTML+=" <img src='../bgmenu/FlecheDroite.gif' />";
}
else {
l[n].getElementsByTagName('A')[0].innerHTML+="<img src='../bgmenu/FlecheDroite.gif' style='width:0;height:0;'/>";
/* pour permettre de détecter le survol "hors du texte" avec IE */
}
}
</script>
-----------------------------------------------------------------------------------------
maintenant celui qui était en ligne et fonctionnait sous IE:
<style type="text/css">
#Menu { width:1050px; /* largeur 1ère ligne */
font-family:vernada; /* police utilisée */
font-size:12px;
left:-40px;
position:relative;
font-weight:normal;
text-align:center; }
#Menu a { text-decoration:none;
border:1px solid #000000; /* couleur de la bordure */
background-color:#FFC285; /* couleur normale du fond */
/* height:???px; hauteur des lignes */
display:block;
color:#000000; }
#Menu a:hover
{ background-color:#FFF0E0; /* couleur du fond quand on survole */
}
#Menu li { width:105px; /* largeur des libellés */
margin-right:1; /* espace à droite */
/* padding:???px; et/ou margin:??px; séparation entre les lignes /colonnes */
cursor:pointer;
display:block;
float:left; }
#Menu ul { visibility:hidden;
position:absolute; }
#Menu ul li { float:none;
display:block;
left:-90px; /* ajustements horizontaux des sous-menus 1er niveau */
position:relative; }
#Menu ul li ul
{ float:none;
position:absolute;
left:155px; /* ajustements horizontaux des sous-menus niveaux suivants */
top:-1px; /* ajustements verticaux des sous-menus niveaux suivants */
visibility:hidden; }
* html #Menu li li,* html #Menu li li li
{ display:inline; }
#Menu img { border:0; }
</style>
<?php include "../bgmenu/BulMenu.htm"; ?>
<script type="text/javascript">
var l=document.getElementById("Menu").getElementsByTagName('LI');
for ( var n=0; n<l.length; n++ )
{
l[n].unselectable="on"; /* pour faire plus propre : "non sélectionnable", ne fonctionne pas avec FF ? */
if ( l[n].getElementsByTagName('UL') && l[n].getElementsByTagName('UL').length>0 )
{
l[n].onmouseover = function()
{
this.getElementsByTagName('UL')[0].style.visibility="visible";
}
l[n].onmouseout = function()
{
this.getElementsByTagName('UL')[0].style.visibility="hidden";
}
l[n].getElementsByTagName('A')[0].innerHTML+=" <img src='../bgmenu/FlecheDroite.gif' />";
}
else {
l[n].getElementsByTagName('A')[0].innerHTML+="<img src='../bgmenu/FlecheDroite.gif' style='width:0;height:0;'/>";
/* pour permettre de détecter le survol "hors du texte" avec IE */
}
}
</script>
------------------------------------------------------------------------------------------------------
là je crois vraiment qu'un bon coup de main ne serait pas de refus !
@mitiés
b g
maintenant pour FF c'est ok et pour IE les 'sous-menus' sont décalés vers la droite
auparavant cela fonctionnait sous IE et les sous menus étaient décallés vers la gauche
une histoire de fou ....
alors je remets les codes ici:
en premier celui qui est actuellement remis en ligne et fonctionne sous FF:
------------------------------------------------------------------------
<style type="text/css">
#Menu { width:1050px; /* largeur 1ère ligne */
font-family:vernada; /* police utilisée */
font-size:12px;
left:-40px;
position:relative;
font-weight:normal;
text-align:center; }
#Menu a { text-decoration:none;
border:1px solid #FF0000; /* couleur de la bordure ici mis en rouge pur pour essai*/
background-color:#FFC285; /* couleur normale du fond */
display:block;
color:#000080;
display:block;
color:#000000;}
#Menu a:hover
{ background-color:#CCFFFF; /* couleur du fond quand on survole */
}
#Menu li { width:110px; /* largeur des libellés METTRE 110 OU 115 APRES */
margin-right:1; /* espace à droite */
cursor:pointer;
display:block;
float:left; }
#Menu ul { visibility:hidden;
position:absolute; }
#Menu ul li { float:none;
display:block;
left:-40px; /* ajustements horizontaux des sous-menus 1er niveau */
position:relative; }
#Menu ul li ul
{ float:none;
position:absolute;
left:110px; /* ajustements horizontaux des sous-menus niveaux suivants 11
5 A L AIR OK POUR LES COLLER AVOIR AVEC L AUTRE 115 DANS MENU LI POUR COLLER EN FONCTION DE LA LARGEUR
DES BLOCS */
top:-1px; /* ajustements verticaux des sous-menus niveaux suivants */
visibility:hidden; }
* html #Menu li li,* html #Menu li li li
{ display:inline; }
#Menu img { border:0; }
</style>
<?php include "../bgmenu/BulMenu.htm"; ?>
<script type="text/javascript">
var l=document.getElementById("Menu").getElementsByTagName('LI');
for ( var n=0; n<l.length; n++ )
{
l[n].unselectable="on"; /* pour faire plus propre : "non sélectionnable", ne fonctionne pas avec FF ? */
if ( l[n].getElementsByTagName('UL') && l[n].getElementsByTagName('UL').length>0 )
{
l[n].onmouseover = function()
{
this.getElementsByTagName('UL')[0].style.visibility="visible";
}
l[n].onmouseout = function()
{
this.getElementsByTagName('UL')[0].style.visibility="hidden";
}
l[n].getElementsByTagName('A')[0].innerHTML+=" <img src='../bgmenu/FlecheDroite.gif' />";
}
else {
l[n].getElementsByTagName('A')[0].innerHTML+="<img src='../bgmenu/FlecheDroite.gif' style='width:0;height:0;'/>";
/* pour permettre de détecter le survol "hors du texte" avec IE */
}
}
</script>
-----------------------------------------------------------------------------------------
maintenant celui qui était en ligne et fonctionnait sous IE:
<style type="text/css">
#Menu { width:1050px; /* largeur 1ère ligne */
font-family:vernada; /* police utilisée */
font-size:12px;
left:-40px;
position:relative;
font-weight:normal;
text-align:center; }
#Menu a { text-decoration:none;
border:1px solid #000000; /* couleur de la bordure */
background-color:#FFC285; /* couleur normale du fond */
/* height:???px; hauteur des lignes */
display:block;
color:#000000; }
#Menu a:hover
{ background-color:#FFF0E0; /* couleur du fond quand on survole */
}
#Menu li { width:105px; /* largeur des libellés */
margin-right:1; /* espace à droite */
/* padding:???px; et/ou margin:??px; séparation entre les lignes /colonnes */
cursor:pointer;
display:block;
float:left; }
#Menu ul { visibility:hidden;
position:absolute; }
#Menu ul li { float:none;
display:block;
left:-90px; /* ajustements horizontaux des sous-menus 1er niveau */
position:relative; }
#Menu ul li ul
{ float:none;
position:absolute;
left:155px; /* ajustements horizontaux des sous-menus niveaux suivants */
top:-1px; /* ajustements verticaux des sous-menus niveaux suivants */
visibility:hidden; }
* html #Menu li li,* html #Menu li li li
{ display:inline; }
#Menu img { border:0; }
</style>
<?php include "../bgmenu/BulMenu.htm"; ?>
<script type="text/javascript">
var l=document.getElementById("Menu").getElementsByTagName('LI');
for ( var n=0; n<l.length; n++ )
{
l[n].unselectable="on"; /* pour faire plus propre : "non sélectionnable", ne fonctionne pas avec FF ? */
if ( l[n].getElementsByTagName('UL') && l[n].getElementsByTagName('UL').length>0 )
{
l[n].onmouseover = function()
{
this.getElementsByTagName('UL')[0].style.visibility="visible";
}
l[n].onmouseout = function()
{
this.getElementsByTagName('UL')[0].style.visibility="hidden";
}
l[n].getElementsByTagName('A')[0].innerHTML+=" <img src='../bgmenu/FlecheDroite.gif' />";
}
else {
l[n].getElementsByTagName('A')[0].innerHTML+="<img src='../bgmenu/FlecheDroite.gif' style='width:0;height:0;'/>";
/* pour permettre de détecter le survol "hors du texte" avec IE */
}
}
</script>
------------------------------------------------------------------------------------------------------
là je crois vraiment qu'un bon coup de main ne serait pas de refus !
@mitiés
b g
<?php include "../bgmenu/BulMenu.php"; ?>
tu me proposes donc de modifier comment ?
<div .....
et dans chaque page !!! ça va être galère ! on ne pourrait pas faire cela via la css du menu ?
et tu me parles d'erreur java dans IE ???
laquelle ?
je mets ci-dessous le contenu de " BulMenu.php ":
<style type="text/css">
#Menu { width:1050px; /* largeur 1ère ligne */
font-family:vernada; /* police utilisée */
font-size:12px;
left:-40px;
position:relative;
font-weight:normal;
text-align:center; }
#Menu a { text-decoration:none;
border:1px solid #000000; /* couleur de la bordure */
background-color:#FFC285; /* couleur normale du fond */
/* height:???px; hauteur des lignes */
display:block;
color:#000000; }
#Menu a:hover
{ background-color:#FFF0E0; /* couleur du fond quand on survole */
}
#Menu li { width:105px; /* largeur des libellés */
margin-right:1; /* espace à droite */
/* padding:???px; et/ou margin:??px; séparation entre les lignes /colonnes */
cursor:pointer;
display:block;
float:left; }
#Menu ul { visibility:hidden;
position:absolute; }
#Menu ul li { float:none;
display:block;
left:-90px; /* ajustements horizontaux des sous-menus 1er niveau */
position:relative; }
#Menu ul li ul
{ float:none;
position:absolute;
left:155px; /* ajustements horizontaux des sous-menus niveaux suivants */
top:-1px; /* ajustements verticaux des sous-menus niveaux suivants */
visibility:hidden; }
* html #Menu li li,* html #Menu li li li
{ display:inline; }
#Menu img { border:0; }
</style>
<?php include "../bgmenu/BulMenu.htm"; ?>
<script type="text/javascript">
var l=document.getElementById("Menu").getElementsByTagName('LI');
for ( var n=0; n<l.length; n++ )
{
l[n].unselectable="on"; /* pour faire plus propre : "non sélectionnable", ne fonctionne pas avec FF ? */
if ( l[n].getElementsByTagName('UL') && l[n].getElementsByTagName('UL').length>0 )
{
l[n].onmouseover = function()
{
this.getElementsByTagName('UL')[0].style.visibility="visible";
}
l[n].onmouseout = function()
{
this.getElementsByTagName('UL')[0].style.visibility="hidden";
}
l[n].getElementsByTagName('A')[0].innerHTML+=" <img src='../bgmenu/FlecheDroite.gif' />";
}
else {
l[n].getElementsByTagName('A')[0].innerHTML+="<img src='../bgmenu/FlecheDroite.gif' style='width:0;height:0;'/>";
/* pour permettre de détecter le survol "hors du texte" avec IE */
}
}
</script>
ça aidera peut-être un peu ?
@mitiés
b g