[Résolu] Pb affichage, menu déroulant caché derrière une photo

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.9.2
#~ Nom de l'hébergeur : online.net
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.9.2
#~ Installed Modules:
#~ FileManager: 1.0.3
#~ NMS: 2.2
#~ CMSMailer: 2.0
#~ Calendar: 1.0
#~ CGExtensions: 1.22.2
#~ TinyMCE: 2.8.2
#~ ThemeManager: 1.1.3
#~ Search: 1.6.8
#~ News: 2.11
#~ nuSOAP: 1.0.2
#~ Printing: 1.1.1
#~ MenuManager: 1.7.4
#~ ModuleManager: 1.4
#~ FrontEndUsers: 1.5.4
#~ Captcha: 0.3.2
#~ CGExtensions: 1.22.2
#~ Gallery: 1.4.3
#~ CGSimpleSmarty: 1.4.7
#~ CGExtensions: 1.22.2
#~ Play: 1.0.3
#~ CGCalendar: 1.5.6
#~ HitCounter: 1.1
#~ Showtime: 2.0.2
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: true
#~ output_compression: false
#~ max_upload_size: 50000000
#~ default_upload_permission: 664
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.2.9-1.illimite
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 192M
#~ max_execution_time: 360
#~ output_buffering: On
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 50M
#~ upload_max_filesize: 50M
#~ session_save_path: Aucune vérification à cause de la restriction spécifiée par PHP open_basedir
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.1.41
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~


Bonjour,
Je reviens avec un problème de menu caché derrière une photo cette fois.
Pour visualiser le problème, c'est là http://www.vcbs.org
Suivant le navigateur utilisé le menu est caché ou pas derrière la photo.
La photo est affiché avec le module Showtime.
Ca fonctionne avec Firefox (Mac et PC), Safari(Mac) pas PC, ça ne fonctionne pas avec Chrome(Mac), ça fonctionne avec Opéra(Mac), ça ne fonctionne pas avec IE(PC).
J'avais déjà eu le même problème avec un menu affiché derrière une carte.
un z-index:1; dans Navigation: CSSMenu - Horizontal, avait permis de résoudre le problème, la solution proposée était celle là :
#primary-nav ul {
display:none;
position:absolute;
top:auto;
z-index:1;
}
J'ai un peu progressé en CSS, html depuis mais je n'ai pas encore trouvé de solution qui fonctionne quelque soit le navigateur.
Merci d'avance pour votre aide.
Thierry
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.9.2
#~ Nom de l'hébergeur : online.net
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.9.2
#~ Installed Modules:
#~ FileManager: 1.0.3
#~ NMS: 2.2
#~ CMSMailer: 2.0
#~ Calendar: 1.0
#~ CGExtensions: 1.22.2
#~ TinyMCE: 2.8.2
#~ ThemeManager: 1.1.3
#~ Search: 1.6.8
#~ News: 2.11
#~ nuSOAP: 1.0.2
#~ Printing: 1.1.1
#~ MenuManager: 1.7.4
#~ ModuleManager: 1.4
#~ FrontEndUsers: 1.5.4
#~ Captcha: 0.3.2
#~ CGExtensions: 1.22.2
#~ Gallery: 1.4.3
#~ CGSimpleSmarty: 1.4.7
#~ CGExtensions: 1.22.2
#~ Play: 1.0.3
#~ CGCalendar: 1.5.6
#~ HitCounter: 1.1
#~ Showtime: 2.0.2
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: true
#~ output_compression: false
#~ max_upload_size: 50000000
#~ default_upload_permission: 664
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.2.9-1.illimite
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 192M
#~ max_execution_time: 360
#~ output_buffering: On
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 50M
#~ upload_max_filesize: 50M
#~ session_save_path: Aucune vérification à cause de la restriction spécifiée par PHP open_basedir
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.1.41
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~


Bonjour,
Je reviens avec un problème de menu caché derrière une photo cette fois.
Pour visualiser le problème, c'est là http://www.vcbs.org
Suivant le navigateur utilisé le menu est caché ou pas derrière la photo.
La photo est affiché avec le module Showtime.
Ca fonctionne avec Firefox (Mac et PC), Safari(Mac) pas PC, ça ne fonctionne pas avec Chrome(Mac), ça fonctionne avec Opéra(Mac), ça ne fonctionne pas avec IE(PC).
J'avais déjà eu le même problème avec un menu affiché derrière une carte.
un z-index:1; dans Navigation: CSSMenu - Horizontal, avait permis de résoudre le problème, la solution proposée était celle là :
#primary-nav ul {
display:none;
position:absolute;
top:auto;
z-index:1;
}
J'ai un peu progressé en CSS, html depuis mais je n'ai pas encore trouvé de solution qui fonctionne quelque soit le navigateur.
Merci d'avance pour votre aide.
Thierry
#2
Tu dois ajouter le paramètre wmode=transparent à ton affichage showtime.
à placer sous la forme <param name="wmode" value="transparent">.
A noter que si pour une raison quelconque la balise embed est utilisée avec object, il faut aussi remettre l'attribut wmode transparent dans la balise embed.
Cela devrait résoudre ton problème sur la plupart des navigateurs.

Sinon, le seul moyen efficace partout est de décaler ton showtime plus bas afin qu'il n'entre pas en conflit avec ton menu.
#2
Tu dois ajouter le paramètre wmode=transparent à ton affichage showtime.
à placer sous la forme <param name="wmode" value="transparent">.
A noter que si pour une raison quelconque la balise embed est utilisée avec object, il faut aussi remettre l'attribut wmode transparent dans la balise embed.
Cela devrait résoudre ton problème sur la plupart des navigateurs.

Sinon, le seul moyen efficace partout est de décaler ton showtime plus bas afin qu'il n'entre pas en conflit avec ton menu.
#3
Merci pour la solution, le paramètrage de Showtime window=opaque et z-index:4; dans Layout: Top menu + 2 columns.
Pour le moment, ça fonctionne avec tous les navigateurs testés.
Merci pour la rapidité et l'efficacité de la réponse.

Thierry
#3
Merci pour la solution, le paramètrage de Showtime window=opaque et z-index:4; dans Layout: Top menu + 2 columns.
Pour le moment, ça fonctionne avec tous les navigateurs testés.
Merci pour la rapidité et l'efficacité de la réponse.

Thierry


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)