|
|
|
|
Posté par
bg62, le vendredi 22 juin 2007 à 15:52:19Configuration: Windows XP Internet Explorer 6.0
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... Deux choses sont infinies : l'Univers et la bêtise humaine. Mais en ce qui concerne l'Univers, je n'en ai pas encore acquis la certitude absolue. A. Einstein
|
<?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 Deux choses sont infinies : l'Univers et la bêtise humaine. Mais en ce qui concerne l'Univers, je n'en ai pas encore acquis la certitude absolue. A. Einstein
|
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 Deux choses sont infinies : l'Univers et la bêtise humaine. Mais en ce qui concerne l'Univers, je n'en ai pas encore acquis la certitude absolue. A. Einstein
|
j'ai retraivaillé sur la CSS et le menu s'affiche maintenant correctement sous FF ...... mais plus du tout sous IE !!!
http://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="http://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> le 'www' est fait aussi pour communiquer, partager et échanger, non ? |
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 le 'www' est fait aussi pour communiquer, partager et échanger, non ? |
| 31/01 12h25 | [IE] Impossible d'accéder aux sites sécurisés (HTTPS/SSL) | Web |
| 21/02 21h17 | [Word] Menus, outils qui ont disparu | Bureautique |
| 17/06 00h29 | Option "Déconnecter NOM" du menu Démarrer | Windows 98 |
| 06/10 12h12 | Délai d'affichage du menu Démarrer | Windows |
| 25/08 11h40 | [Windows] Ajouter une clef USB dans le menu "Envoyer vers.. | Windows |
| 08/11 12h44 | En bas du div : menu+coins arrondis, pb IE/FF | 7 |
| 29/11 16h03 | [Création]Problème de compatibilité IE/FF | 4 |
| 19/10 23h28 | Compatibilité IE/FF | 5 |
| 19/06 11h39 | [script java] non compatible IE/FF | 2 |
| 30/01 15h49 | Compatibilité IE/FF background-attachment | 2 |
![]() | IETab - IE Tab est une extension pour Mozilla Firefox , et uniquement pour les systèmes d'exploitation Windows. Elle permet à une... | Catégorie: Extensions Firefox Licence: Freeware/gratuit |
![]() | Power IE6 - Power IE 6 est compatible avec Internet Explorer 7, c'est un logiciel d'origine canadienne, qui vous permet en quelques... | Catégorie: Anonymat/Confidentialité Licence: Freeware/gratuit |
![]() | IETester - Si vous êtes intégrateur web ou simple concepteur web, un grand soucis que vous devez surmonter es la compatibilité de votre... | Catégorie: Web Licence: Freeware/gratuit |
![]() | Pack de compatibilité Microsoft Office 2007 - En installant le pack de compatibilité pour Microsoft Office 2000, Office XP ou Office 2003, vous pouvez ouvrir, modifier et... | Catégorie: Bureautique Licence: Freeware/gratuit |
![]() | Trust Force Feedback Steering | Catégorie: Joystick | 53.84 € Dell Business FR |
![]() | Toshiba TDP-FF1 | Catégorie: Vidéoprojecteur | 930.91 € Amazon.fr |
![]() | Hama MiMo 300 Express | Catégorie: Carte Réseau | 59.42 € Amazon.fr |
![]() | MSI Wireless IEEE802.11g Residential | Catégorie: Point d'accès pour réseaux sans fil |