[résolu] Problème avec mon menu dans Internet Explorer - Version imprimable +- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr) +-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html) +--- Forum : Modules, Tags (https://forum.cmsmadesimple.fr/forum-14.html) +--- Sujet : [résolu] Problème avec mon menu dans Internet Explorer (/thread-96.html) |
[résolu] Problème avec mon menu dans Internet Explorer - Jos1968 - 16/01/2010 Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~Bonjour, J'ai cherché et je n'ai pas trouvé mon problème... J'ai utilisé Artisteer pour créer mon gabarit de page web. J'ai importer ma nouvelle page (gabarit) dans CMS Made simple, j'ai ajouté ma feuille de style, mes images... Voici mes questions : 1 - Artisteer me génère 3 fichiers css (style, style ie6 et style ie7), est-ce que je dois créer 3 feuilles de styles et est-ce que je dois tous les rattacher à mon gabarit ? (Note - IE 6 semble occasionner certains problèmes supplémentaires...) 2 - Dans Firefox, tous mes menus fonctionnent très bien, mais par contre, dans IE, seulement l'onglet actif s'affiche... ______________________________________________ ****Voici mon Code de mon gabarit de mes pages : ... <script type="text/javascript" src="script.js"></script> {stylesheet} <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]--> {metadata} </head> <body> <div id="art-page-background-simple-gradient"> </div> <div id="art-main"> <div class="art-Sheet"> <div class="art-Sheet-tl"></div> <div class="art-Sheet-tr"></div> <div class="art-Sheet-bl"></div> <div class="art-Sheet-br"></div> <div class="art-Sheet-tc"></div> <div class="art-Sheet-bc"></div> <div class="art-Sheet-cl"></div> <div class="art-Sheet-cr"></div> <div class="art-Sheet-cc"></div> <div class="art-Sheet-body"> <div class="art-Header"> <div class="art-Header-jpeg"></div> <div class="art-Logo"> <h1 id="name-text" class="art-Logo-name"><a href="#">Monsite...</a></h1> <div id="slogan-text" class="art-Logo-text">Slogan...</div> </div> </div> <div class="art-nav"> <div class="l"></div> <div class="r"></div> {menu number_of_levels="1" template="art_menu"} </div> <div class="art-contentLayout"> <div class="art-sidebar1"> <div class="art-Block"> <div class="art-Block-tl"></div> <div class="art-Block-tr"></div> <div class="art-Block-bl"></div> <div class="art-Block-br"></div> <div class="art-Block-tc"></div> <div class="art-Block-bc"></div> <div class="art-Block-cl"></div> <div class="art-Block-cr"></div> <div class="art-Block-cc"></div> <div class="art-Block-body"> <div class="art-BlockHeader"> <div class="l"></div> <div class="r"></div> <div class="art-header-tag-icon"> <div class="t">Menu</div> </div> </div><div class="art-BlockContent"> <div class="art-BlockContent-body"> {menu template='art_minimal_menu' collapse='1'} <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> <div class="art-Block"> <div class="art-Block-tl"></div> <div class="art-Block-tr"></div> <div class="art-Block-bl"></div> <div class="art-Block-br"></div> <div class="art-Block-tc"></div> <div class="art-Block-bc"></div> <div class="art-Block-cl"></div> <div class="art-Block-cr"></div> <div class="art-Block-cc"></div> <div class="art-Block-body"> <div class="art-BlockHeader"> <div class="l"></div> <div class="r"></div> <div class="art-header-tag-icon"> <div class="t">Dernière nouvelles</div> </div> </div><div class="art-BlockContent"> <div class="art-BlockContent-body"> {news number='3' detailpage='news'} <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> </div> ______________________________________________ ****Mon code des Gabarit des menus (Top) : (art_menu) {* CSS classes used in this template: .currentpage - The active/current page .bullet_sectionheader - To style section header hr.separator - To style the ruler for the separator *} {if $count > 0} <ul class="art-menu"> {foreach from=$nodelist item=node} {if $node->depth > $node->prevdepth} {repeat string="<ul>" times=$node->depth-$node->prevdepth} {elseif $node->depth < $node->prevdepth} {repeat string="</li></ul>" times=$node->prevdepth-$node->depth} </li> {elseif $node->index > 0}</li> {/if} {if $node->current == true} <li><a href="{$node->url}" class="active"><span class="l"></span><span class="r"></span><span class="t"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </span></a> {elseif $node->parent == true && $node->depth == 1}<li class="active"> <a href="{$node->url}" class="active"<span class="l"></span><span class="r"></span><span class="t"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext}</span> </a> {elseif $node->type == 'sectionheader'} <li class="sectionheader">{$node->menutext} {elseif $node->type == 'separator'} <li style="list-style-type: none;"> <hr class="separator" /> {else} <li><a href="{$node->url}" <span class="l"></span><span class="r"></span><span class="t"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </span></a> {/if} {/foreach} {repeat string="</li></ul>" times=$node->depth-1}</li> </ul> {/if} ______________________________________________ **** Mon code des Gabarit des menus (Gauche Parent-enfant) : (art_minimal_menu) {* CSS classes used in this template: .currentpage - The active/current page .bullet_sectionheader - To style section header hr.separator - To style the ruler for the separator *} {if $count > 0} <ul class="cleared"> {foreach from=$nodelist item=node} {if $node->depth > $node->prevdepth} {repeat string="<ul>" times=$node->depth-$node->prevdepth} {elseif $node->depth < $node->prevdepth} {repeat string="</li></ul>" times=$node->prevdepth-$node->depth} </li> {elseif $node->index > 0}</li> {/if} {if $node->current == true} <li><a href="{$node->url}" class="currentpage"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a> {elseif $node->parent == true && $node->depth == 1} <li><a href="{$node->url}" class=" active"><span class="l"></span><span class="r"></span><span class="t"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </span></a> {elseif $node->type == 'sectionheader'} <li class="sectionheader">{$node->menutext} {elseif $node->type == 'separator'} <li style="list-style-type: none;"> <hr class="separator" /> {else} <li><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a> {/if} {/foreach} {repeat string="</li></ul>" times=$node->depth-1}</li> </ul> {/if} [résolu] Problème avec mon menu dans Internet Explorer - jce76350 - 16/01/2010 re, > Version du CMS : Cms Version: 1.5.4 Heu.... la c'est trop ancien comme version Mettre à jour [résolu] Problème avec mon menu dans Internet Explorer - Jos1968 - 16/01/2010 Bonjour jce76350, C'est fait, j'ai fait une mise à jour, le problème est toujours présent... [résolu] Problème avec mon menu dans Internet Explorer - Jos1968 - 16/01/2010 J'ai trouvé ma solution... pour mon problème no 2.... un erreur de débutant ;-) Il me manquant des : > Voir ma solution (plus bas).... Pour le point no 2... qui peut me répondre... au sujet des feuilles de style... --------------------------------------------------------------------- {* CSS classes used in this template: .currentpage - The active/current page .bullet_sectionheader - To style section header hr.separator - To style the ruler for the separator *} {if $count > 0} <ul class="art-menu"> {foreach from=$nodelist item=node} {if $node->depth > $node->prevdepth} {repeat string="<ul>" times=$node->depth-$node->prevdepth} {elseif $node->depth < $node->prevdepth} {repeat string="</li></ul>" times=$node->prevdepth-$node->depth} </li> {elseif $node->index > 0}</li> {/if} {if $node->current == true} <li><a href="{$node->url}" class="active"><span class="l"></span><span class="r"></span><span class="t"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </span></a> {elseif $node->parent == true && $node->depth == 1}<li> <a href="{$node->url}"> <span class="l"></span><span class="r"></span><span class="t"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext}</span> </a> {elseif $node->type == 'sectionheader'} <li class="sectionheader">{$node->menutext} {elseif $node->type == 'separator'} <li style="list-style-type: none;"> <hr class="separator" /> {else} <li><a href="{$node->url}" ><span class="l"></span><span class="r"></span><span class="t"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </span></a> {/if} {/foreach} {repeat string="</li></ul>" times=$node->depth-1}</li> </ul> {/if} -------------------------------------------------------------------------- [résolu] Problème avec mon menu dans Internet Explorer - jce76350 - 16/01/2010 Marquer [Résolu] au début du titre de votre 1er message lorsqu'une solution a été trouvée. [résolu] Problème avec mon menu dans Internet Explorer - Jos1968 - 16/01/2010 Je ne peux pas, il y a un point 2 à ma question... Artisteer me génère 3 fichiers css (style, style ie6 et style ie7), est-ce que je dois créer 3 feuilles de styles et est-ce que je dois tous les rattacher à mon gabarit ? (Note - IE 6 semble occasionner certains problèmes supplémentaires...) [résolu] Problème avec mon menu dans Internet Explorer - jce76350 - 17/01/2010 re, >Artisteer me génère 3 fichiers css (style, style ie6 et style ie7), >est-ce que je dois créer 3 feuilles de styles et est-ce que je dois tous les rattacher à mon gabarit? tu créer 3 feuilles ou une seule feuille contenant les 3 styles et tu attaches C'est le Ba..ba du CMS >Note - IE 6 semble Ne jamais travailler avec IE6 c'est pas un navigateur à bannir de plus IE n'est pas bon en admin !! De plus lire: Vulnérabilité dans Microsoft Internet Explorer http://www.certa.ssi.gouv.fr/site/CERTA-2010-ALE-001/index.html [résolu] Problème avec mon menu dans Internet Explorer - Jos1968 - 17/01/2010 Merci pour l'info 3 feuilles ou une seule... qu'est-ce qu'il est préférable ? ou bien ça n'a vraiement pas d'importance... [résolu] Problème avec mon menu dans Internet Explorer - bess - 17/01/2010 contre ie : www.ie6nomore.com installe le code qu'il te propose et tu te débarasse de tous ces *** qui l'utilise encore pour tes 3 feuilles de style tu fait au choix suivant ton hébergeur. en mutualisé (ovh / free / serveur peu puissant) je te conseille de tout concaténer en dédié qui poutre tu peux te permettre de laisser les 3 séparées afin de conserver de la lisibilité [résolu] Problème avec mon menu dans Internet Explorer - Jean le Chauve - 18/01/2010 Là, ça va être plus difficile : généralement, lorsqu'on a une css par navigateur, c'est que le code css n'est pas hacké, et que le choix de la feuille doit être indiqué dans le code html par des commentaires conditionnels (surtout qu'il n'y en a qu'une appelée par le navigateur : la sienne). Donc, à mon humble avis, 2 css distinctes à placer dans un répertoire css et la générale à insérer par l'administration et à attacher au gabarit. Et, malgré les réticences de mes camarades envers IE6, c'est un navigateur encore très utilisé et il faut donc le prendre en compte. Ton code semble donc approprié : <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]--> |