Fork me on GitHub




(1) 2 3 »


multimenu menu css et Internet Explorer Problème
Aspirant
Inscrit: 29/11/2004 16:13
Messages: 79
Bonjour,

je viens d'installer multimenu 1.8 sur mon site :
www.harmonieregioncentre.com
J'utilise un menu dynamique CSS, tout fonctionne très bien sauf qu'il semble y avoir des problèmes avec Internet Explorer.

J'utilise Mac OSX avec Safari et Firefox sans problème.
Après mes recherches sur ces forums il semble que ça vienne de IE et de mon fichier style.css
Que dois-je changer, adapter pour que cela fonctionne enfin correctement avec IE?

Autre question, pour l'apparence du menu dois-je modifier le fichier CSS de multimenu ou cela se fait-il directement dans le fichier CSS de mon thème?

Merci de votre attention et de votre aide.
A bientôt
--
olivier

Posté le : 12/04/2006 08:42
Partager Twitter Partagez cette article sur GG+
Re: multimenu menu css et Internet Explorer Problème
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
salut,
comme indiqué quelque part dans le sujet de multimenu, ce menu en pur css ne fonctionne en effet pas sur IE sous MAC.
il a été testé sur un tas d'autres plateformes/navigateurs, mais là...
n'ayant pas de mac (et n'en ayant jamais utilisé), je suis bien incapable de t'aider pour ce cas
il faudrait peut-être aussi poser cette question sur des forums bien calés en css (alsacréations par exemple), ou sur des forums MAC.
pour l'apparence de ce menu, tu as juste à changer les valeurs dans les feuilles de styles correspondantes.

http://www.harmonieregioncentre.com/m ... u/script/09/flyout_ie.css
http://www.harmonieregioncentre.com/m ... Menu/script/09/flyout.css

par contre, pour la gestion de l'emplacement du sous-menu, ça se passe dans :
/modules/multiMenu/templates/multimenu_dyn_vert_css.html

pour commencer, tu vas remplacer tout le code de ce fichier par ce code (ce sont des modifs effectuées hier, elles seront intégrées à l'archive bientôt.
ça devrait corriger l'emplacement de ton sous-menu (sinon nous effectuerons quelques réglages)

<!-- Thanks to http://www.stunicholls.myby.co.uk/ for this pure css menuvcss ! -->

<table><tr><td>

<
link rel="stylesheet" type="text/css" href="<{$xoops_url}>/modules/multiMenu/script/09/flyout.css" />
<!--[if 
lte IE 6]>
<
link rel="stylesheet" media="all" type="text/css" href="<{$xoops_url}>/modules/multiMenu/script/09/flyout_ie.css" />

<
style type="text/css">

.
menuvcss ul li a:hover ul {left:<{if $block.block_size 0}><{$block.block_size+2}>px;<{else}><{$block.block_size}>px;<{/if}> width:<{if $block.block_size 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
.
menuvcss ul li a:hover ul li a:hover ul {left:<{$block.block_size}>px;}
.
menuvcss {height:10px;}

</
style>


<![endif]-->

<
style type="text/css">
*>.
menuvcss {width:<{if $block.block_size 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
*>.
menuvcss ul li a, .menuvcss ul li a:visited {width:<{if $block.block_size 0}><{$block.block_size-1}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
*>.
menuvcss ul li:hover ul {left:<{if $block.block_size 0}><{$block.block_size-1}>px;<{else}><{$block.block_size-4}>px;<{/if}> width:<{if $block.block_size 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
*>.
menuvcss ul li a:hover ul {left:<{$block.block_size}>pxwidth:<{if $block.block_size 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
*>.
menuvcss ul li:hover ul li:hover ul {left:<{$block.block_size}>px;}


</
style>

<
div class="menuvcss">
<!-- 
Start multiMenu <{$block.mm}> -->
<{
assign var=ul_main value=0}>
<{
assign var=ul_sec  value=0}>

<{foreach 
item=imenu from=$block.contents}>
<{if 
$imenu.submenu == 0}>
<{if 
$ul_sec == 1}></ul><{assign var=ul_sec value=0}><{/if}>
    <{if 
$ul_sec == 1}><{assign var=ul_sec value=0}><{/if}>
        <{if 
$ul_main == 1}>
            <!--[if 
lte IE 6]>
            </
td></tr></table>
            </
a>
            <![endif]-->
            </
li>
            </
ul>
            <{
assign var=ul_main value=0}>
        <{/if}>
        <{if 
$ul_main == 0}>
            <{
assign var=ul_main value=1}>
        <{/if}>

        <
ul>
        <
li>
        <
class="hide" href="<{$imenu.linkurl}>" title="<{$imenu.alt_title}>"><{$imenu.image}>&nbsp;<{$imenu.title}></a>
        <!--[if 
lte IE 6]>
        <
a href="<{$imenu.linkurl}>" title="<{$imenu.alt_title}>"><{$imenu.image}>&nbsp;<{$imenu.title}>
        <
table><tr><td>
        <![endif]-->

<{elseif 
$imenu.submenu == OR $imenu.submenu == 2}>
        <{if 
$ul_sec == 0}><ul><{assign var=ul_sec value=1}><{/if}>
        <
li><a href="<{$imenu.linkurl}>" title="<{$imenu.alt_title}>"><{$imenu.image}>&nbsp;<{$imenu.title}></a></li>

<{elseif 
$imenu.submenu == 3}>
        <{if 
$ul_sec == 0}><ul><{assign var=ul_sec value=1}><{/if}>
        <
div><li><class="note" href="<{$imenu.linkurl}>" title="<{$imenu.alt_title}>"><{$imenu.image}>&nbsp;<{$imenu.title}></a></li></div>

<{elseif 
$imenu.submenu == 4}>
        <{if 
$ul_sec == 0}><ul><{assign var=ul_sec value=1}><{/if}>
        <
div><li><class="cat" href="<{$imenu.linkurl}>" title="<{$imenu.alt_title}>"><{$imenu.image}>&nbsp;<{$imenu.title}></a></li></div>

<{/if}>
<{/foreach}>

    <{if 
$ul_main == OR $ul_sec == 1}>
    <!--[if 
lte IE 6]>
    </
td></tr></table>
    </
a>
    <![endif]-->
    </
li>
    </
ul>
    <{/if}>

</
td></tr></table
<!-- 
End multiMenu <{$block.mm}> -->
</
div>

Posté le : 12/04/2006 09:20
Partager Twitter Partagez cette article sur GG+
Re: multimenu menu css et Internet Explorer Problème
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
est-ce que tu pourrais me faire passer une source de page qui ne marche pas sous IE sous MAC ?
comme ça je verrai à quoi ressemble le code généré, et il y aura peut-être de trucs qui sautent aux yeux !

je vois par exemple, que pas mal de bugs sont recensés, on essaiera de voir si l'un deux se retrouve dans le menu.

http://www.macedition.com/cb/ie5macbugs/

tu pourras préciser ta version de IE et de MacOS ?

Posté le : 12/04/2006 11:34

Edité par blueteen sur 12/04/2006 11:50:54
Edité par blueteen sur 12/04/2006 11:52:27
Partager Twitter Partagez cette article sur GG+
Re: multimenu menu css et Internet Explorer Problème
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
il semblerait qu'IEmac ne gère pas l'overflow, ni les conditions (IF IE)

dans une feuille de style on a :

.menuvcss ul li a, .menuvcss ul li a:visited {display:blocktext-decoration:nonecolor:#000; height:20px; text-align:center; color:#fff; border:1px solid #aaa; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}


normalement ça ne s'applique qu'à mozilla
mais vu que les conditions ne sont pas gérées.

tu peux éditer cette feuille, enlever, overflow:hidden;
et tester ta page sous IEmac stp ?

modules/multiMenu/script/09/flyout.css
ligne 3

Posté le : 12/04/2006 12:06
Partager Twitter Partagez cette article sur GG+
Re: multimenu menu css et Internet Explorer Problème
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
re
bon ne perds pas trop de temps à tester ce qui est indiqué plus haut.
j'ai refait un saut sur le site de l'auteur du menu initial.

et on y voit :

Citation :

This works in IE5.5, IE6, hopefully IE7 (confirmation anyone?), Firefox, Opera, Netscape 8 and Mac Firefox 1.5 and Safari though not Mac IE5.x.


donc c'est cuit pour IEmac (pour le moment on va dire)
le menu adapté étant celui-ci :
http://www.cssplay.co.uk/menus/final_drop.html

on trouvera peut-être un jour le menu ultime (ou le navigateur ultime plutôt, car c'est très pénible de trouver une petite astuce pour tous les navigateurs !!)

Posté le : 12/04/2006 14:24
Partager Twitter Partagez cette article sur GG+
Re: multimenu menu css et Internet Explorer Problème
Aspirant
Inscrit: 29/11/2004 16:13
Messages: 79
Merci pour tes réponses...

En fait quand je parlais d'Internet Eplorer il est question de la version windows.
(je n'ai pas la version IE pour Mac et elle n'est plus disponible sur le site de microsoft).

Un certain nombre d'utilisateurs sous windows me disent qu'ils ne peuvent atteindre le sous-menu car celui-ci disparaît aussitôt.
Le problème semble en partie résolu avec le thème par défaut de xoops mais il faut quand même bien viser et déplacer le curseur horizontallement.

Donc si j'ai bien compris en modifiant le fichier :
/modules/multiMenu/templates/multimenu_dyn_vert_css.html
je devrais avoir un sous-menu mieux placé et donc résoudre mon problème?

Je fais tout ça et je te tiens au courant des test.
Merci
--
olivier

Posté le : 12/04/2006 20:17
Partager Twitter Partagez cette article sur GG+
Re: multimenu menu css et Internet Explorer Problème
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
tout à fait, si tu veux coller le menu c'est là que ça se passe

multimenu_dyn_vert_css.html

*>.menuvcss {width:<{if $block.block_size 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}


et dans le même fichier, mais pour IE :

.menuvcss ul li a:hover ul {left:<{if $block.block_size 0}><{$block.block_size-8}>px;<{else}><{$block.block_size}>px;<{/if}> width:<{if $block.block_size 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}

Posté le : 12/04/2006 20:26
Partager Twitter Partagez cette article sur GG+
Re: multimenu menu css et Internet Explorer Problème
Aspirant
Inscrit: 29/11/2004 16:13
Messages: 79
j'ai mis à jour le fichier et j'ai testé sous windows 2000 avec virtual PC et effectivement il y a toujours un problème de distance avec le sous-menu.

je ne sais pas dutout ce que je dois changer pour la distance des sous-menus.

Les lignes suivantes :
<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="<{$xoops_url}>/modules/multiMenu/script/09/flyout_ie.css" />

<style type="text/css">

.menuvcss ul li a:hover ul {left:<{if $block.block_size > 0}><{$block.block_size+2}>px;<{else}><{$block.block_size}>px;<{/if}> width:<{if $block.block_size > 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
.menuvcss ul li a:hover ul li a:hover ul {left:<{$block.block_size}>px;}
.menuvcss {height:10px;}

</style>


<![endif]-->

sont-elles prises en comptes ou faut-il que je suprime les "!--" ?
Je dois dire que c'est un peu au delà de mes compétances actuelles.
Merci pour tes éclaircissements.
--
olivier

Posté le : 12/04/2006 21:12
Partager Twitter Partagez cette article sur GG+
Re: multimenu menu css et Internet Explorer Problème
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
je te détaille la partie exacte à modifier demain matin

Posté le : 12/04/2006 21:56
Partager Twitter Partagez cette article sur GG+
Re: multimenu menu css et Internet Explorer Problème
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
salut,édite ton template
si tu utilises un jeu de templates personnalisés, le mieux est de passer par l'administration de ton site pour éditer le template du menu vertical en css.

donc, tu vois la portion de code correspondant à IE :

<!--[if lte IE 6]>
<
link rel="stylesheet" media="all" type="text/css" href="<{$xoops_url}>/modules/multiMenu/script/09/flyout_ie.css" />

<
style type="text/css">

.
menuvcss ul li a:hover ul {left:<{if $block.block_size 0}><{$block.block_size+2}>px;<{else}><{$block.block_size}>px;<{/if}> width:<{if $block.block_size 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
.
menuvcss ul li a:hover ul li a:hover ul {left:<{$block.block_size}>px;}
.
menuvcss {height:10px;}

</
style>
<![endif]-->


tu trouves dedans : <{$block.block_size+2}>

tu dois juste remplacer le +2 par une autre valeur pour déplacer le sous-menu par rapport au menu principal.

essaie de mettre <{$block.block_size-10}>
pour rapprocher ton sous-menu.
et petit à petit tu affines le chiffre pour positionner parfaitement à ton menu principal.

Ensuite, tu as la partie css pour Firefox

<style type="text/css">
*>.
menuvcss {width:<{if $block.block_size 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
*>.
menuvcss ul li a, .menuvcss ul li a:visited {width:<{if $block.block_size 0}><{$block.block_size-1}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
*>.
menuvcss ul li:hover ul {left:<{if $block.block_size 0}><{$block.block_size-1}>px;<{else}><{$block.block_size-4}>px;<{/if}> width:<{if $block.block_size 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
*>.
menuvcss ul li a:hover ul {left:<{$block.block_size}>pxwidth:<{if $block.block_size 0}><{$block.block_size}>px;<{else}><{$block.block_size*-1}>px;<{/if}>}
*>.
menuvcss ul li:hover ul li:hover ul {left:<{$block.block_size}>px;}


</
style>


on y trouve <{$block.block_size-1}>
tu dois changer le -1 si tu veux positionner ton menu ailleurs, sous Firefox.
tu peux laisser par exemple : <{$block.block_size}
bons réglages

Posté le : 13/04/2006 08:28
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
(1) 2 3 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

56 Personne(s) en ligne (42 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 56 | Plus ...