Spry menu bar fonctionne très bien dans firefox, mais c'est-à-dire la pagaille dans
Spry menu bar fonctionne très bien dans firefox, mais c'est-à-dire la pagaille dans Steve Foglia - 06-29-2009
http://www.Businesstobusinessnetwork.com
J'utilise Dreamweaver s Spry menu déroulant horizontal barre de menu et il fonctionne très bien avec firefox. Mais c'est-à-dire dans le sous-menu affiche la barre horizontale plutôt que verticale, Niveau inférieur de la barre de menu s'envoler la page. étrange.
Je suis allé à la Adobe site et de télécharger la dernière mise à jour pour Spry qui résout mes problèmes lorsque toutes les barres de menu ont été inférieures de vol au large de la page. Les barres de menu doit s'afficher comme on l'a vu avec l'aide de Firefox ou le menu principal horizontal bars marche à travers la page avec les barres de menu de niveau inférieur apparaissant directement ci-dessous et légèrement à droite.
Je vous serais reconnaissant de toute suggestion quiconque pourrait avoir pour résoudre ce problème
Merci
Steve
Re: Spry menu bar fonctionne très bien dans firefox, mais c'est-à-dire la pagaille dans Richard Williams - 06-29-2009
Si vous utilisez des paramètres pour la largeur automatique puis vous quittez le navigateur à interpréter le regard de toute façon ils se sentent comme... Essayez de placer dans des valeurs pour les paramètres de largeur pour convenir à votre site
Richard Williams
Re: Spry menu bar fonctionne très bien dans firefox, mais c'est-à-dire la pagaille dans Matthew Redding - 07-01-2009
Salut richard,
J'ai vu certains de vos fils à ce sujet et je suis errant, si vous pouvez regarder mon code s'il vous plaît.
Mon menu horizontal Spry utilise renversement png et je l'ai de travail ok sauf la chute des bas ont ce qui ressemble à une boîte déroUlante sous la forme de mon menu png.
Il fonctionne très bien dans firefox, mais cela ne se produit que dans IE7 (IE6 est incohérent, mais d'essayer de faire le tri entre 7 première question ou peut-être quelque chose que vous suggérons de sorte qu'il sera tout à fait.
/ * Ultrapériphériques contenant de la barre de menu, Une largeur de boîte automatique, sans marge ou padding * /
Ul.Menubarhorizontal
{
Marge: 0;
List-style-type: None;
Curseur: Par défaut;
Largeur: Auto;
Font-size: 50%;
Padding-Haut: 0em;
Padding-right: 0;
Padding-bottom: 0em;
Padding-Gauche: 0;
}
/ * Set active la barre de menu de cette classe, En train de mettre en Z-index c'est-à-dire de tenir compte rendu de bug: http:/ / therealcrisp.Xs4all.Nl / meuk / ie-zindexbug.html * /
Ul.Menubaractive
{
Z-index: 1000;
}
/ * Menu conteneurs, Position par rapport aux enfants de ce conteneur et sont une largeur fixe * /
Ul.Menubarhorizontal li
{
List-style-type: None;
Position: Relative;
Text-align: Gauche;
Curseur: Pointer;
Largeur: Auto;
Float: Gauche;
Padding-Haut: 0em;
Padding-right: 0em;
Padding-bottom: 0em;
Padding-Gauche: 0em;
Marge: 0;
Font-size: 50%;
}
/ * Sous-menus doivent apparaître au-dessous de leur parent (en haut: 0) avec un plus haut Z-index, Mais ils sont d'abord sur le côté gauche de l'écran (-1000em) * /
Ul.Menubarhorizontal Ul
{
Marge: 0;
List-style-type: None;
Z-index: 1020;
Curseur: Par défaut;
Largeur: Auto;
Position: Absolue;
Gauche: -1000em;
Padding-Haut: 0.3em;
Padding-right: 0;
Padding-bottom: 0;
Padding-Gauche: 0.3em;
}
/ * Sous-menu qui s'affiche avec de désignation de classe menubarsubmenuvisible, Nous avons laissé à l'auto, il vient sur l'écran au-dessous de sa mère menu item * /
Ul.Menubarhorizontal Ul.Menubarsubmenuvisible
{
Gauche: Auto;
}
/ * Menu conteneurs sont même largeur fixe en tant que parent * /
Ul.Menubarhorizontal Ul li
{
Largeur: Auto;
}
/ * Sous-menus doivent apparaître chevauchant légèrement vers la droite (95%) et (-5%) * /
Ul.Menubarhorizontal Ul Ul
{
Position: Absolue;
Margin-Haut: 0%;
Margin-right: 0;
Margin-bottom: 0;
Margin-Gauche: 0%;
}
/ * Sous-menu qui s'affiche avec de désignation de classe menubarsubmenuvisible, Nous avons laissé à 0, il vient sur l'écran * /
Ul.Menubarhorizontal Ul.Menubarsubmenuvisible Ul.Menubarsubmenuvisible
{
Gauche: Auto;
Haut: 0;
}
/ * Sous-conteneurs ont des frontières de tous les côtés * /
Ul.Menubarhorizontal Ul
{
Border-Haut-style: None;
Border-right-style: None;
Border-bottom-style: None;
Border-Gauche-style: None;
}
/ * Menu sont un bloc gris clair avec le rembourrage et la décoration de texte * /
Ul.Menubarhorizontal une
{
Afficher: Block;
Curseur: Pointer;
Text-align: Gauche;
}
/ * Menu des éléments qui ont la souris ou de se concentrer sur un fond bleu et texte blanc * /
Ul.Menubarhorizontal une:Hover, Ul.Menubarhorizontal une:Orientation
{
}
/ * Éléments de menu qui sont ouverts avec des sous-menus sont mis à menubaritemHover avec un fond bleu et texte blanc * /
Ul.Menubarhorizontal une.MenubaritemHover, Ul.Menubarhorizontal une.MenubaritemsubmenuHover, Ul.Menubarhorizontal une.Menubarsubmenuvisible
{
/ * Menu des éléments qui ont un sous-menu ont la désignation de classe menubaritemsubmenu et sont configurés pour utiliser une image de fond placé à l'extrême gauche (95%) et centré verticalement (50%) * /
Ul.Menubarhorizontal une.Menubaritemsubmenu
{
Background-repeat: No-repeat;
Background-Position: 95% 50%;
}
/ * Menu des éléments qui ont un sous-menu ont la désignation de classe menubaritemsubmenu et sont configurés pour utiliser une image de fond placé à l'extrême gauche (95%) et centré verticalement (50%) * /
Ul.Ul menubarhorizontal une.Menubaritemsubmenu
{
Background-repeat: No-repeat;
Background-Position: 95% 50%;
}
/ * Éléments de menu qui sont ouverts avec des sous-menus ont la désignation de classe menubaritemsubmenuHover et sont mis à utiliser un "Hover" background image Positionné à l'extrême gauche (95%) et centré verticalement (50%) * /
Ul.Menubarhorizontal une.MenubaritemsubmenuHover
{
Background-repeat: No-repeat;
Background-Position: 95% 50%;
}
/ * Éléments de menu qui sont ouverts avec des sous-menus ont la désignation de classe menubaritemsubmenuHover et sont mis à utiliser un "Hover" background image Positionné à l'extrême gauche (95%) et centré verticalement (50%) * /
Ul.Ul menubarhorizontal une.MenubaritemsubmenuHover
{
Background-repeat: No-repeat;
Background-Position: 95% 50%;
}
/ * Hack pour ie: Pour s'assurer que les sous-menus ci-dessus montrent les contrôles de formUlaire, Nous avons chaque sous-menu avec une iframe * /
Ul.Menubarhorizontal iframe
{
Position: Absolue;
Z-index: 1010;
}
/ * Hack pour ie: Pour stabiliser l'apparence d'éléments de menu, la barre oblique à flotteur est de garder c'est-à-dire 5.0 de l'analyse * /
@ media screen, Projection
{
Ul.Menubarhorizontal li.Menubaritemie
{
Afficher: Inline;
Float: Gauche;
}
}
Re: Spry menu bar fonctionne très bien dans firefox, mais c'est-à-dire la pagaille dans Matthew Redding - 07-01-2009
Désolé, j'ai oublié de poster le lien pour le site sur lequel je travaille...
Re: Spry menu bar fonctionne très bien dans firefox, mais c'est-à-dire la pagaille dans Richard Williams - 07-02-2009
Ce lien ne fonctionne pas
Richard Williams
Re: Spry menu bar fonctionne très bien dans firefox, mais c'est-à-dire la pagaille dans Steve Foglia - 07-02-2009
Merci, Remplacement automatique d'une valeur réelle px largeur semble fonctionner.
Cependant veiller à ce que chaque barre de menu est une largeur différente, je n'arrive pas à trouver le nombre approprié d'entrée qui permettrait de concilier la barre de menu horizontale de sorte que le titre de chaque barre de menu n'est pas coupé.
Des suggestions sur la façon de vaincre ce problème.