Spry drop-down lists appear on the far left of the screen when you use IE
This is the first site I have built and have tried searching previous discussions for an answer but can't seem to make it work.
I have a spry menu horizontal bar that displays perfectly in chrome, but when the site is viewed in IE drop downs appear on the far left of the screen rather than directly below with the case of the menu.
I wonder if there is an option or a simple parameter that must change or if there are problems with my code?
It's the spry menu css, if you want more information please just ask. I apologize for my ignorance, I was confused by days...
@charset "UTF-8";
/ * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.
/ * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************
The AVAILABLE INFORMATION: Describes the box model, positioning, the order
*******************************************************************************/
/ * The outermost container for the menu bar, an area of width auto without margin or padding * /.
UL. MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
do-size: 100%;
cursor: default;
Width: auto;
}
/ * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */
UL. MenuBarActive
{
z-index: 1000;
}
/ * Menu item containers, position of children relative to this container and are a fixed width * /.
UL. MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
do-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
Width: 8th;
float: left;
}
/ * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.
UL. MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
do-size: 100%;
z index: 1020;
cursor: default;
Width: 113px;
position: absolute;
left:-1000em;
}
/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.
UL. MenuBarHorizontal ul. MenuBarSubmenuVisible
{
left: 0px;
top: auto;
border: thin none #222;
}
/ * Container of menu items are same fixed width parent * /.
UL. MenuBarHorizontal ul li
{
}
/ * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
UL. MenuBarHorizontal ul ul
{
position: absolute;
margin:-5% 0 0 95%;
}
/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.
UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible
{
top: 6px;
position: absolute;
left: 8px;
}
/*******************************************************************************
INFORMATION DESIGN: Describes the set of colors, borders, fonts
*******************************************************************************/
/ * Submenu containers have borders on all sides * /.
UL. MenuBarHorizontal ul
{
border: 1px solid #CCC;
}
/ * Menu items are a light grey block with padding and no text decoration * /.
UL. MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #FFF;
Padding: 0.5em 0.75em;
Color: #000;
text-decoration: none;
}
/ Components menu that have mouse over or focus have a blue background and white text * /.
UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus
{
background-color: #FFF;
Color: #000;
text-decoration: underline;
text - emphasis: center;
}
#menubar #MenuBar li a {}
}
/ * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.
UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: #FFF;
Color: #000;
}
/*******************************************************************************
Submenu INDICATION: styles if there is a submenu in a given category
*******************************************************************************/
/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
UL. MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url (SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 50 95%;
}
/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
UL. MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url (SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 50 95%;
Width: auto;
}
/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
UL. MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url (SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 50 95%;
}
/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url (SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 50 95%;
}
/ * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.
@media screen, projection
{ul. MenuBarHorizontal li. MenuBarItemIE
{
display: inline;
f\loat: left;
Background: #FFF;
}
}
#header {}
}
The url is: www.dolearchitecture.com and as I said, shows perfectly in chrome, but not in Internet Explorer.
Thank you very much.
While I agree with Nancy, this site seems to have worked. for IE
http://www.puritanfurniture.com/
Their CSS can be seen here
http://www.puritanfurniture.com/SpryAssets/SpryMenuBarHorizontal.CSS
If you want acoid Javascripts, consider an HTML/CSS menu.
I did one here
http://www.peattiecapital.com/
View the source code. CSS Nav in the main bottom of the CSS stylesheet
After the comment / * START TOP NAVBAR * /.
Nancy has a tut somewhere on its site.
Found: http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml
Tags: Dreamweaver
Similar Questions
-
Artifacts of the screen when you use the stamp tool
Has anyone seen this?
When I use the stamp tool I get all kinds of objects on the screen. Weird thing is when I do a screen recording of it, it's much less obvious but nonetheless still there. If I want to make a screenshot of it he disappears as soon as I touch the screen capture key (cmd-shift-3) or toch any key.
So I had to take a picture with my phone:
I tested VRAM / my different applications with dedicated GTX680 GPU / benchmarking utilities and results all seem well, games work fine, any application that uses my GPU works very well. Except of course Illustrator, which crashes all the time when you use GPU performance. And now Photoshop.
A video of these objects can be seen here: http://www.studio57.nl/downloads/PS_Stamp_Sreen_Artifacts.mp4
I'm on Mac OS X Photoshop CC 2015.1.2 10.11.3, and the last 346.03.05f02 of Web Driver nVidia.
It seems that it is. I had the form of the word NVIDIA, they were able to reproduce to the issue and they are working on a fix.
I'm so happy that my hardware is fine and that NVIDIA is still developing drivers for the Mac community!
-
. How to adjust the appearance of the image on the screen when you use the projector
I just got my new laptop with Windows 7 Professional. When you use a projector the screen image does not fully cover the screen. How can I adjust? I would like to watch when you use a projector like the screen of my laptop screen is normally. Thank you
Hi Dana51,
You may need to change the settings in the projector to adjust the image to the screen.
You can refer to the manual of the projector for the same.
-
I have a hp psc 2410 photosmart all-in-one. I am running Windows XP SP3 on Firefox. In the last week, I could shoot is no longer my HP Director program. I did not any changes to the computer or the printer at this time. The printer itself works fine. HP Director file > Hpqdirec.exe< still="" exists="" in="" my="" program="" file="" directory. ="" i="" have="" tried="" clicking="" on="" that="" icon="" &="" then="" clicking="" open. ="" nothing="" happens.why? ="" and="" how="" do="" i="" get="" that="" file="" working="" again. ="">
Hello Augie24,
This question seems to surface on XP when updating for MS IE 7 or IE 8 MS. Even if you use Firefox, here are some steps you can take to solve the problem:
-
Flickering of the screen when you use the scroll bars in develop Module
Picture below shows 6 use of the base in an image using LR 4.2RC editing. Import image was running in the background. This only happens when I use the sliders in module to develop (no matter what cursor).
Hi, I just met this problem and maybe found something that might work YMMV. I went to preferences > performance > uncheck "Use graphics processor" to disable the GPU acceleration. It seemed to have worked so far. Worth a try!
-
White rectangle remains on the screen when you use the ActiveX icon
Hi,
I am using AW5.2 and I have a problem with erasing an ActiveX Icon.
I embedded windows media player and when I want to erase my ActiveX icon, a white rectangle remains on the screen.
I have tried moving it off the presentation window then erase or unload but that does not work.
I have also tried just using:
EraseIcon(@"WMP")
Unload(@"WMP")
Any other suggestions?
Thanks,
DeanCheck the display mode of the element behind the activex control. Try to set the mode of this opaque object and see if the box appears again properly. Also, make sure the location you place this element when you try to move it out of the screen. Move to a place where their left of at least one pixel of it on the screen.
HTH,
Mike
-
Tecra M9 - lack of icons of the screen when you use Fn + F5
Tecra M9 XP Pro SP2
Accidentally, I uninstalled the Hotkey utility for display devices and have since been unable to use Fn + F5.
I have re-directed tfnf5.exe which does not seem to do anything, just a DOS window emerged very briefly. I can now switch between the views OK, but do not see all the icons on the screen - I should be able to tab between the four options. How to return these icons back?
Thank you
Buddy just a question.
Why you visit n t page European driver Toshiba, Tecra M9 choose and download the Hotkey utilities for display and devices of the common Modules for Win XP?These tools are available and after the installation of these two tools the keys FN and icons should reappear
-
My drop-down lists appear on the image window after the last update
Hi Alp Er Tunga,
Please take a look at the following link: 2015.6 Lightroom: list dropdown question menu position with screen high resolution | Community customer Photoshop family
Concerning
Tanuj
-
PhotoSmart 7520 - lines appear on the copies when you use introducer sheet
I just bought the 7520 Photosmart all-in-one printer and everything seemed fine until I used the introducer sheet to copy a few pages. They all came out with a vertical line about 1.75 "in from the right edge of the paper. If I put the original on the glass and make a copy, it is very good (no lines). The same thing is happening in black copy mode and color. How can I fix it?
Hi BrokerT,
You are welcome. I'm glad to hear your good news and thank you for the update. A hard reset can often solve the problem of having best feeder lines and the next step would be to do what you did.
Good impression!
-
Rotation screen IiPhone 6 s problem
Have you tried to force the reboot of your iPhone?
First of all, try to force your system to restart.
- Force reboot your device will not erase the content currently on your device.
- You can force your device to restart even if your screen is black or do not answer your buttons.
Press and hold the sleep/wake and home buttons at the same time for at least 10 seconds until you see the Apple logo.
-
Running Windows 7 Home Premium (64-bit)
I don't think I've changed all parameters that could lead to disappear. Is it possible to get them because I found them useful, watching a movie etc.
HP pavilion g6.
Hello
Download and reinstall the HP OSD utility at the following link.
http://ftp.HP.com/pub/SoftPaq/sp55001-55500/sp55152.exe
When that installation is complete, restart the laptop.
Kind regards
DP - K
-
Check generate some Comp based on the drop-down list box and the selection list?
I currently have a dropdown list with the three sizing options in it. Then I have two check boxes, one is ticked ideally would create the model to its normal size composition and if other is checked that it would reverse the widthxheight in the size of the composition. Then below that I have a "Generate" button, I want to be able to click and according to my selections, it creates the model.
Looks like I need a kind of if then statement, but I'm having a hard time putting the two together. See below what I have so far.
There may be missing parts, but I have it all working in a decibel pallate currently. I don't have functionality related to a button again.
Any help would be appreciated!
(also I don't know how to format the script spread here so apologies for that)
---------------------------
palette controls
templateGen.VerticalCheckbox = new Object();
templateGen.HorizontalCheckbox = new Object();
set the values for controls
templateGen.comLookup = new Object();
templateGen.compLookup = 'Template1 ';
templateGen.compLookup = "Template2";
templateGen.compLookup = "Template3."
function templateGen_getHashValues (hash)
{ // {{{
var ary = new Array();
for (k hash) {}
ARY.push (Hash [k]);
}
return area;
} // }}}
menu "composition".
var panelGrp1 = templateGen.palette.add ('Panel', undefined, 'Templates Comp');
compGrp1 = panelGrp1.add ('group', undefined, 'List templates');
compGrp2 = panelGrp1.add ('group', undefined, 'Orientation');
compGrp3 = panelGrp1.add ('group', undefined, 'Generate');
templateGen.compList = compGrp1.add ('dropdownlist', LIST_DIMENSIONS, templateGen_getHashValues (bapple.compLookup));
templateGen.compList.helpTip = "choose the type of desired here device model. All compositions are 60 fps. « ;
templateGen.compList.selection = 'Template1 ';
templateGen.compList.graphics.foregroundColor = darkColorBrush;
templateGen.VerticalCheckbox = compGrp2.add ('checkbox', undefined, 'Portrait');
templateGen.VerticalCheckbox .value = true;
templateGen.HorizontalCheckbox = compGrp2.add ('checkbox', undefined, 'Horizontal');
templateGen.HorizontalCheckbox .value = false;
templateGen.generateBtn1 = compGrp3.add ('button', undefined, 'Generate');
applyBtn.onClick =? ;
When I work with drop-down menus, I always liked to tie the data they represent (like the width and height of the model in this case) directly to the elements.
I run the code to really check, but it should work like this:
-----------------
Add models to your drop-down list and store the items in a table
models var = [];
models [0] = templateGen.compList.add('item','template1');
models [1] = templateGen.compList.add('item','template2');
models [2] = templateGen.compList.add('item','template3');
set a width and height of each element
models [0] .width = 1280;
models [0] .height = 720;
models [1] .width = 1024;
models [1] .height = 768;
models [2] .width = 1920;
models [2] .height = 1080;
Choose the item that should be selected by default
models [0] .selected = true;
applyBtn.onClick = function() {}
read the width and height of the selected item
var width = templateGen.compList.selection.width;
var height = templateGen.compList.selection.height;
{if (templateGen.VerticalCheckbox.value)}
swap width and height
var temp = width;
width = height;
height = temp;
}
now create your comp here with the given width and height
}
-
Display the export value of the drop-down list instead of the element
I'm showing the value to the export of a drop-down list instead of the selected option or the user selects BLACK, but the value of exports of BLK is actually displayed. I can find many discussions on how to get the value of the exports and display it or use it to trigger another answer in another area and I can usually tweak my existing JavaScripts when I need something new, but I just can't wrap my head around this!
This is my last attempt (failed)
var f = this.getField ("eyes");
If (event.value is 'Black - BLK')
f.Value = "BLK".
I use Acrobat PRO DC.
Any help is appreciated,
Thank you
Xavier
I've been doing this for a long time and have never heard of anyone who wants something like this, so it is interesting. Remove your current script and try the following script Format customized drop eyes:
Custom drop-down list Format script
Event.Value = event.target.getItemAt (event.target.currentValueIndices, true);
This defines what is displayed in the drop-down list in the value of exports of the selected item. Select the 'Value selected to validate immediately' option to the drop-down list for smoother operation.
-
Is this possible? Subforms appeal based on the drop-down list associated with the database
I'm hoping to make a dynamic shape and I wonder if it's possible.
I have a database with about 300 entries - pieces of agricultural goods and a few little bits of info on each of these properties. I want to create a form where users can choose the piece there rather than the property in a drop-down list. Based on the property they select, another menu drop down to fill with the cultures associated with this property. Then based on the selection made in this drop-down list, a specific form will be brought upward.
For example, a person selects property #102 in the drop-down list. In the database, property #102 is associated with wheat, barley and corn, so the next drop would be complete with these three cultures. The user selects the wheat in the drop-down list and the form of wheat would be called.
I hope I explained that well enough.
Is this possible? And if it's possible, how complicated to do? Assuming that I already have the database and subforms, it would be a long process from weeks to the script, or it would be simple enough?
Yes, this could be done, here is an example that should help: Drop dependent dropdown (specimen attached)
On the basis of selection (change event of the second menu drop-down), you can show or hide a subform.
-Wasil
-
Value of the drop-down list instead of the text
I want a drop-down list that includes complete definitions for the user to watch but when they choose the item they want only the abbreviation indicating on the form. For example, in my items list is said 'Illinois', but when they select "Illinois" she fills the field with the bind value of 'IT '. Is this possible?
See the attached file... If it helps...
I place a TextField on the top of the drop-down list and setting the rawValue selected the TextField... In the case of exit of the combo I hide list drop-down and display of the textfield object. Similarly, in the event you enter in the text field, I am displaying the drop-down list field and hide the text field.
This way I can show 'IT' If you choose "Illinois" in the menu dropdown.
https://Acrobat.com/#d=7Y0qDg-ld6nWNxw8G-0cNg
Thank you
Srini
Maybe you are looking for
-
upgrade to Capitan but App store closed by itself!
This happened to anyone before? Must something be fixed before you do the upgrade? Is the average one hour and 15 minutes download time? This is what it says for mine before it unexpectedly closed. It is the same for all Macbooks or time is consi
-
iPhone wants to update to 9.3, iTunes says phone is up-to-date 9.2.1
My iphone wants to update to 9.3 but is unable, guard return error "you are not connected to internet" message. I am connected of course. Tried through iTunes that says phone is up-to-date 9.2.1. Have updated most recent iTunes, restarted phone and r
-
N900 no names of devices devices connected
When I look in the settings of connected devices wireless base. I see ipnr in mac address but the devicename is empty. How can I change this, so that I see the devcice name that I give in the Advanced setting configuration lan address reservation.
-
Cannot install anything.
My Xoom of US - not all of a sudden doesn't let me install anything from the Android Market. I've selected an application, and click on install, I saw a notification skipped upward, bottom right indicating 'Installation', but after a few moments, He
-
How do I change the language in Outlook Express from the French into English for the ck fate?
Need to change the language of ck out in O/E of French into English. French is the only option provided currentlly.