Forum CMS Made Simple FR
[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 ~~~~~
#~ Version du CMS : 1.5.x
#~ Version du MLE si existante : ???
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.5.4
#~ Installed Modules:
#~ * CMSMailer: 1.73.14
#~ * FileManager: 0.4.5
#~ * MenuManager: 1.5.3
#~ * ModuleManager: 1.2.1
#~ * News: 2.9.3
#~ * nuSOAP: 1.0.1
#~ * Printing: 0.2.6
#~ * Search: 1.5.3
#~ * ThemeManager: 1.1.0
#~ * TinyMCE: 2.4.13
#~ * VisitorStats: 0.2.1
#~ * Album: 0.9.3
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * max_upload_size: 4000000
#~ * default_upload_permission: 664
#~ * assume_mod_rewrite: false
#~ * page_extension:
#~ * internal_pretty_urls: false
#~ * use_hierarchy: false
#~ Php Information:
#~ * phpversion: 5.2.9-1
#~ * md5_function: On (Vrai)
#~ * gd_version: 2
#~ * tempnam_function: On (Vrai)
#~ * magic_quotes_runtime: Off (Faux)
#~ * memory_limit: 128M
#~ * max_execution_time: 30
#~ * safe_mode: Off (Faux)
#~ * session_save_path: c:/wamp/tmp (0777)
#~ Server Information:
#~ * Server Api: apache2handler
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.1.32
#~ ----------------------------------------------
#~~~~~ 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 Wink 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]-->