Menu bar appeared with tiny fonts

Hello!

Just reformat my pc from Win7 to Win10 and reinstalled my 2015 CC Adobe Ps and AI. Unfortunately, the menu bar on the AI becomes very low. File, edit, object, etc. are difficult to read. On the contrary, those on Ps are so enormous.

Can someone help me, please?

Thank you

Glad you solved your problem.

Can mark you as answer so if others have encountered the same problem she can solve for them and also people know it is solved.

Thank you.

Tags: Illustrator

Similar Questions

Since the last system upgraded my menu bar top with wifi and time, date etc etc is hidden unless I have sulk my cursor on it. Same thing with apps from shingles. How can I restore it is always there?

Since the last system upgraded my menu bar top with wifi and time, date etc etc is hidden unless I have sulk my cursor on it. Same thing with apps from shingles. How can I restore it is always there? bar menus hidden-how do I restore?

SystemPreferences-> Dock: automatically hide / show Dock

SystemPreferences-> general: automatically hide / show menu bar

How to make a similar toolbar menu bar but with picture buttons?

Good afternoon

I made a request with a UIR that contains a menu bar with options like "Load configuration file', 'save the configuration as a file", etc... but I would like to insert another "line" under this menu bar in the Panel that will contain the icons (perhaps "image buttons") because most of the programs known and I do not know how to implement it. I managed to insert buttons photo individually, but their location in the Panel with the mouse and not making not part of a group as part of a menu bar.

I want to have one final appearance similar to the following image:

Thanks in advance!

Best regards

Alejandro

Alejandro,

CVI comes with a toolbar instrument driver is exactly what you are looking for: a fully customizable toolbar that allows the design tools toolbar, dynamically add, remove, dim and activer activate objects, group together them as you wish. There is also a sample program that shows how it works and how to use it: you can find it by searching "toolbar" in the finder of the example (help > find examples...) Menu item)

ODI 12 c, Menu bar disappears with the Windows look and feel

I've changed the look and feel of Oracle for Windows in the preferences, but ODI restarted disappeared from the menu at the top of the application bar. I can't change the look and feel of back because I can't have preferences as there is no menu.
I had a glance in conf files for this setting, but can't find it.
How can I change the look and feel back to Oracle or get the menu bar in the look and feel of Windows?

If you delete this directory with the cached information and start to ODI, he must return to the original settings;

C:\Users\\AppData\Roaming\odi\system12.1.2.0.0

Looks like nobody has tried to change the look and feel.

See you soon

David

bar of Windows control and the acrobat menu bar appears

Hi there,.

we have the problem that le Acrobat 9 Standard a display error on a PC. The menu bar with File, Edit, etc. is not displayed, also the bar where you can minimize, maximize , and close the window is not displayed.
I have installed all new Windows after error occur.
I have deleted the Adobe folder c: \Program Files, C:\ProgramData, C:\Users\ directoryXXXX\Appdata\Roaming, LocalLow and local then reinstalled the software acrobat.
I also gives the user full control on the path c:\program files\adobe, without success.
It is a Windows Professional 7 64-bit computer, which is a completely new and has been just installed. There are only office small business 2007 and adobe acrobat 9 standard is installed. It's the latest version
Here are some screenshots of the error.
After I installed the Adobe Reader X, but that he had no error.
I tested a repair installation, a new installation of windows, but the error already there.
I don't know how I can solve this problem.
If you press F9, shows the windows control bar.
If you press F9 again, shows the menu bar.
But when you restart the software, you get the same problem.
I hope someone can help us.
The same error we have obtained with adobe reader software. You can read it here: Re: Anzeigefehler beim Adobe Reader 10.1.4 und bei Adobe Reader 11 aktuellste Version
The solution of this thread has not helped with this error.

Please try the fix for Kapersky labs and let us know the result.

Sierra - Menu bar - Beachballing with frozen time

Since Sierra on 2 MacBook that I sometimes noticed that the time in the menu bar is not updated and if I put my mouse over the menu bar it is beachballing. A restart of the MacBook solve the problem... until next time.

Anyone else seeing this?

I see this same question. I noticed is all the native OSX system elements in the menu that are frozen bar (volume Yes, wifi, battery, time, airplay, siri, etc.), but the non-native elements are not frozen (slack, dropbox, etc.).

The Spry menu bar personalized with background Images

Hello
Is there a way to make a spry menu horizontal bar by using an image of different background of a different width for each item? In other words, the format individually each menu item. I'm doing a bar with drop down menus using custom images, that I created in Photoshop, but have only been able to use the same image for all the items in the menu. Thank you.

Each menu item will require that this is the style and the name of the class of its own.

Each class will have to be applied to each following anchor tag:
- Point 1
- Point 2
- Point 3
http://ALT-Web.com/demos/multi-colored-list-menu.shtml

Nancy O.

ALT-Web Design & Publishing

Web | Graphics | Print | Media specialists

http://ALT-Web.com/

Photoshop installed with TINY fonts... I can hardly read anything. Help!

I downloaded and installed creative cloud with ambient light and photo store. Bright room opens perfectly but Photoshop has the smaller font in all its tabs, headers, sidebars, etc. I can't read, and Yes, the screen is maximized. What should I do?

In Photoshop CC 2014, enable the option of IU 200% scaling in Photoshop preferences.

On MacOS scaling is automatic.

When I open programs in Windows XP, the menu bar does not appear and it takes several seconds before the program responds (after that finally shows the menu bar).

Everytime I open a program, it takes several seconds before I can do anything because the menu bar are not displayed immediately. After the menu bar appears the function of programs very well, but it is very annoying to have to wait. I've done an installation of Windows repair without success.

follow the directions to this treatment... http://www.microsoft.com/windowsxp/using/setup/expert/northrup_restoreperf.mspx

Bug in IE10 Spry menu bar

Hi guys!
I spent our looking for an answer to my question in this forum and elsewhere, but to not bore you: Web site works fine, but the submenu (under "Locomotives") appears insufficiently in Internet Explorer. I tried a few things but ended up throwing the changes.
I hope you can find the error!
Thank you in advance!
Website:
http://Centurius.de/HTML/engl/WWA_engl.html
Code:
UL. MenuBarHorizontal
{
margin: 0 auto;
padding: 0;
list-style-type: none;
do-size: 100%;
cursor: default;
Width: 800px;
}
/ * 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 auto;
padding: 0;
list-style-type: none;
do-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
Width: 130px;
float: left;
white-space: nowrap;
}
/ * 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: 12em;
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: auto;
margin: 5% 0 0 0%;
}
/ * Container of menu items are same fixed width parent * /.
UL. MenuBarHorizontal ul li
{
Width: 12em;
text-align: left;
}
/ * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
UL. MenuBarHorizontal ul ul
{
position: relative;
margin:-5% 0 0 100%;
}
/ * 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
{
left: auto;
top: 0;
}
/*******************************************************************************
INFORMATION DESIGN: Describes the set of colors, borders, fonts
*******************************************************************************/
/ * Submenu containers have borders on all sides * /.
UL. MenuBarHorizontal ul
{
border: 1px solid #EFC39C;
}
/ * Menu items are a light grey block with padding and no text decoration * /.
UL. MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #d8dffc;
padding: 0px 0.75em;
color: #055CA 8;
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: # 33;
color: #055CA 8;
}
/ * 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: #EFC39C;
color: #055CA 8;
}
/*******************************************************************************
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
{
}
/ * 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
{
}
/ * 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
{
}
/ * 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
{
}
/*******************************************************************************
BROWSER HACKS: hacks below should not be changed, unless you are an expert
*******************************************************************************/
/ * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
UL. MenuBarHorizontal iframe
{
position: absolute;
z index: 1010;
Filter:alpha(opacity:0.1);
}
/ * 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;
}
}
Message geändert durch bryankook

Add/Edit

UL. MenuBarHorizontal ul. {MenuBarSubmenuVisible}

left: auto;

margin: 0;

}

UL. MenuBarHorizontal ul ul {}

position: absolute;

margin:-5% 0 0 100%;

}

Gap between the header and spry menu bar (school project)?

Hello I have a project for school and they want me to a dw premade layout html, with a header image, and a spry menu bar located in the header. Which I did, but there is this small gap between the header image and the spry menu bar and the header that I can't get rid of. There is no additional line break tag or paragraph in there, I have NO idea what is wrong, please help if you know. Thank you.
Joint below is code html and css. Sorry there all text in dw premade in there too. Basically, I have also attached the css external to the spry menu bar, and the page just in case.
<! DOCTYPE HTML >
< html >
< head >
< meta charset = "UTF-8" >
< title > Rapids Transit - Buffalo River Outfitters < /title >
< link href = "css/rapids_transit.css" rel = "stylesheet" type = "text/css" > "
< style type = "text/css" >
<!--
{body
Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.
Background: # 42413;
margin: 0;
padding: 0;
Color: #000;
}
/ * ~ ~ Tag of the element selectors ~ ~ *.
UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
}
H1, h2, h3, h4, h5, h6 {p}
margin-top: 0; / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */
padding-right: 15px;
padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */
}
an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}
border: none;
}
/ * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */
a: link {}
color: # 42413.
text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.
}
a: visited {}
color: #6E6C64;
text-decoration: underline;
}
a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}
text-decoration: none;
}
/ * ~ ~ This container fixed-width surrounds the other div ~ ~ * /.
. Container {}
position: relative;
Width: 960px;
Background: #FFF;
margin: 0 auto; / * set to auto on the sides, coupled with the width, the layout centres * /.
}
/ * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.
. Header {}
background-color: #fff;
padding-right: 5px;
padding-left: 5px;
}
/ * ~ ~ It's layout information. ~~
(1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.
*/
. Happy {}
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}
/ * ~ ~ Footer ~ ~ * /.
.footer {}
padding: 10px 0;
background: #CCC49F;
}
/ * ~ ~ various float/clear classes ~ ~ * /.
.fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
float: right;
left margin: 8px;
}
.fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */
float: left;
right margin: 8px;
}
.clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}
Clear: both;
height: 0;
font size: 1px;
line-height: 0px;
}
->
< / style >
< script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
< link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" > "
< style type = "text/css" >
{#river_level}
position: absolute;
left: 500px;
top: 325px;
Width: 245px;
height: 80px;
z-index: 1;
background-color: #ffcc33;
border-top-style: inset;
border-right-style: inset;
border-bottom-style: inset;
border-left-style: inset;
border-bottom-color: #960;
border-right-color: #960;
border-bottom-color: #960;
border-left-color: #960;
text-align: center;
do-family: Verdana, Geneva, without serif.
font-size: medium;
}
< / style >
< / head >
< body >
< div class = "container" >
< div class = "header" > < a href = "#" > < img src = "assets/rt_banner.jpg" alt = "Banner Rapids Transit" width = "950" height = "120" / > < / a > "
< ul id = "MenuBar1" class = "MenuBarHorizontal" >
< li > < a href = "index.html" > home < /a > < /li >
< li > < a href = "guides.html" > our Guides < /a > < /li > ""
< li > < a href = "rates.html" > rates < /a > < /li > ""
< li > < a href = "lodging.html" > Lodging < /a > < /li > ""
< li > < a href = "before.html" > Before You Go < /a > < /li > ""
< /ul >
<! - end .header - > < / div >
< div class = "content" >
< p align = "left" class = "body_text" > welcome to rapid Transit. We are a rental service and canoe river guide located on the banks of the beautiful Buffalo River to Gilbert (Arkansas). We also offer kayak and raft rental. Our experienced guides will be pleased to offer trips on the river suitable for all levels - from beginner to expert. They will also be pleased to accompany you all the way! Stop at our country store and pick up your picnic supplies in the process of disappearance. We will even Pack it for you in airtight containers. (Just a precaution!) Call us to make your reservations. < /p >
< p align = "left" class = "contact_info" > Rapid Transit < br / >
Highway 55 North < br / >
Gilbert, Arkansas 75497 < br / >
(555) 365-5228 < br / >
< a href = "mailto: " [email protected] ' > Mike Andrew < /a > < /p > .
< h1 > < / h1 >
<! - end content - > < / div >
< div class = "footer" >
< p > < em > Copyright 2000 - 2012 < br / >
Last updated on
<!-#BeginDate format: Am1-10 April 2012 > <!-#EndDate->
You < /i > < / p >
<! - end .footer - > < / div >
<!-end .container-> < div id = "river_level" > current River Conditions: < br >
good floating today < br >
with a few spots of class II < / div > < / div >
< script type = "text/javascript" >
var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
< /script >
< / body >
< / html >
-------------------------------------------------------
ALSO, HERE IS MY EXTERNAL STYLESHEET
{.body_text}
do-family: Arial, Helvetica, without serif.
do-size: 14px;
make-style: normal;
}
{.paragraph_header}
do-family: Arial, Helvetica, without serif.
do-size: 14px;
make-style: normal;
make-weight: bold;
color: #036;
}
{.contact_info}
do-family: Arial, Helvetica, without serif.
do-size: 14px;
make-style: italic;
Color: #000;
}
-----------------------------------------------------
HERE'S MY SPRY MENU BAR CSS TOO
@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: 14px;
cursor: default;
Width: auto;
do-family: Arial, Helvetica, without serif.
}
/ * 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: center;
cursor: pointer;
Width: 190px;
float: left;
height: 25px;
}
/ * 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: 8.2em;
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: auto;
}
/ * Container of menu items are same fixed width parent * /.
UL. MenuBarHorizontal ul li
{
Width: 8.2em;
}
/ * 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
{
left: auto;
top: 0;
}
/*******************************************************************************
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: #2E9712;
Padding: 0.5em 0.75em;
color: #fff;
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: # 33;
color: #FFF;
}
/ * 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: #3FA7A8;
color: ##ffffff;
}
/*******************************************************************************
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%;
}
/ * 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%;
}
/*******************************************************************************
BROWSER HACKS: hacks below should not be changed, unless you are an expert
*******************************************************************************/
/ * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
UL. MenuBarHorizontal iframe
{
position: absolute;
z index: 1010;
Filter:alpha(opacity:0.1);
}
/ * 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;
}
}

Add the below css to your styes css selector:

. Header img {}

display: block;

}

Change your padded 30px high 'content' css selector and also include clear: both; (as shown below).

. Happy {}

padding-top: 30px;

padding-right: 0;

padding-bottom: 10px;

padding-left: 0;

Clear: both;

}

Menu bar not working not properly in IE9

My spry menu bar works perfectly in Chrome, Firefox, and Safari, but not working in IE9. The submenus to the menu bar horizontally not to fall down, they go on the side. Any ideas?
http://littlechisel.com/Ideal_Window/
Here is my code:
< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
" < html xmlns =" http://www.w3.org/1999/xhtml "> <!-InstanceBegin template="/Templates/Ideal_Header.dwt ' codeOutsideHTMLIsLocked = 'false'->
< head >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
<!-InstanceBeginEditable name = "doctitle"-->
< title > < /title > ideal window manufacturing
<! - InstanceEndEditable - >
<!-InstanceBeginEditable name = "head"->
<! - InstanceEndEditable - >
< style type = "text/css" >
body, td, th {}
do-family: Tahoma, Geneva, without serif.
do-size: 12px;
}
{body
background-color: #A74131;
}
a: link {}
text-decoration: none;
}
a: visited {}
text-decoration: none;
}
a: hover {}
text-decoration: underline;
}
a: active {}
text-decoration: none;
}
< / style >
< link href = "IdealWindowTemplate.css" rel = "stylesheet" type = "text/css" / > "
< script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
< link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
< / head >
< body >
< table width = "900" border = "0" align = "center" cellpadding = "0" cellspacing = "0" >
< b >
< class td = "White-13-AlignRt" > < a href = "Contact.html" > contact us < /a > | Dealer Login < table >
< /tr >
< b >
"< td valign ="top"> < a href =" index.html "> < img src = images/thanks" "width ="243"height ="145"border ="0"/ > < /a > < img src =" images/Ballet_Header.jpg "width ="657"height ="145"border ="0"/ > < table >
< /tr >
< b >
< td >
< table >
< /tr >
< tr bgcolor = "#FFFFFF" >
< td align = "center" valign = "top" > < ul id = "MenuBar1" class = "MenuBarHorizontal" >
< li > < a class = "whyideal MenuBarItemSubmenu" href = "#" > < span > < / span > < /a >
< ul >
< li > < a class = "whyidealsub" href = "#" > why ideal < /a > < /li >
< li > < a class = "whyidealsub" href = "#" > story < /a > < /li >
< /ul >
< /li >
< li > < a class = "products MenuBarItemSubmenu" href = "#" > < span > < / span > < /a >
< ul >
< li > < a class = "productssub" href = "#" > ranges < /a > < /li >
< li > < a class = "productssub" href = "#" > doors Patio < /a > < /li >
< li > < a class = "productssub" href = "#" > garden window < /a > < /li >
< li > < a class = "productssub" href = "#" > forms architectural < /a > < /li >
< /ul >
< /li >
< li > < a class = "intermodality MenuBarItemSubmenu" href = "#" > < span > < / span > < /a >
< ul >
< li > < has a class = "energysub" href = "#" > Energy Saving packages < /a > < /li >
< li > < a class = "energysub" href = "#" > R5 window program < /a > < /li >
< li > < a class = "energysub" href = "#" > Options package < /a >
< ul >
< li > < a href = "#" > LowE Glass < /a > < /li >
< li > < a href = "#" > gas Argon/Krypton < /a > < /li >
< li > < a href = "#" > Triple pane < /a > < /li >
< li > < a href = "#" > foam fill < /a > < /li >
< /ul >
< /li >
< /ul >
< /li >
< li > < a class = "news" href = "#" > < span > < / span > < /a > < /li >
< li > < a class = "custody MenuBarItemSubmenu" href = "#" > < span > < / span > < /a >
< ul >
< li > < a class = "caresub" href = "#" > cleaning & amp; Operation < /a > < /li >
< li > < a class = "caresub" href = "#" > Condensation < /a > < /li >
< li > < a class = "caresub" href = "#" > glossary < /a > < /li >
< /ul >
< /li >
< li > < a class = "guarantee" href = "#" > < span > < / span > < /a > < /li >
< /ul > < table >
< /tr >
< b >
< td height = "5" align = "left" valign = "top" > < table >
< /tr >
< b >
< td align = "left" valign = "top" bgcolor = "#FFFFFF" > <!-InstanceBeginEditable name = "EditRegion1"->
< table width = "900" border = "0" cellspacing = "0" cellpadding = "0" >
< b >
< td width = "19" align = "left" valign = "top" > < img src = "images/BarShadow19.jpg" width = "19" height = "34" / > < table > "
< td width = "525" align = "left" valign = "top" > < img src = "images/indexPhoto.jpg" width = "525" height = "362" / > < table > "
< td width = "336" > < table >
< td width = "20" align = "left" valign = "top" > < img src = "images/BarShadow20.jpg" width = "20" height = "34" / > < table > "
< /tr >
< /table >
<!-InstanceEndEditable--> < table >
< /tr >
< b >
< td align = "center" valign = "top" > < class p = 'Footer' > ideal window manufacturing | 100 West 7th Street, Bayonne, NJ 07002 | Tel: 800-631-3400 | Fax: 800 758-7528 < br / >
© Ideal window manufacturing 2012 all rights reserved < br / >
" Web Design by < a href =" http://www.littlechisel.com "target ="_new"> small chisel Design < /a > < /p > "
< class p = 'Footer' > < / p > < table >
< /tr >
< /table >
< script type = "text/javascript" >
var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
< /script >
< / body >
<! - InstanceEnd - > < / html >
Sections:
@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;
}
UL. MenuBarHorizontal ul a {}
background-color: #514B 97.
color: #CCC;
}
UL. MenuBarHorizontal a.whyideal {}
background-image: url (.. / images/WhyIdeal.jpg);
height: 28px;
Width: 139px;
}
UL. MenuBarHorizontal a.whyideal.MenuBarItemSubmenu {}
background-image: url (.. / images/WhyIdeal.jpg);
height: 28px;
Width: 139px;
}
UL. MenuBarHorizontal a.whyideal.MenuBarItemSubmenu:hover {}
background-image: url (.. / images/WhyIdealRoll.jpg);
height: 28px;
Width: 139px;
}
UL. MenuBarHorizontal a.whyideal span {}
visibility: hidden;
}
UL. MenuBarHorizontal a.whyideal:hover, ul. MenuBarHorizontal a.whyideal:focus, ul. MenuBarHorizontal a.whyideal.MenuBarItemHover, ul. MenuBarHorizontal a.whyideal.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.whyideal.MenuBarSubmenuVisible {}
Background: url (.. / images/WhyIdealRoll.jpg);
}
UL. MenuBarHorizontal a.products {}
background-image: url (.. / images/Products.jpg);
height: 28px;
Width: 138px;
}
UL. MenuBarHorizontal a.products.MenuBarItemSubmenu {}
background-image: url (.. / images/Products.jpg);
height: 28px;
Width: 138px;
}
UL. MenuBarHorizontal a.products.MenuBarItemSubmenu:hover {}
background-image: url (.. / images/ProductsRoll.jpg);
height: 28px;
Width: 138px;
}
UL. MenuBarHorizontal a.products span {}
visibility: hidden;
}
UL. MenuBarHorizontal a.products:hover, ul. MenuBarHorizontal a.products:focus, ul. MenuBarHorizontal a.products.MenuBarItemHover, ul. MenuBarHorizontal a.products.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.products.MenuBarSubmenuVisible {}
Background: url (.. / images/ProductsRoll.jpg);
}
UL. MenuBarHorizontal a.energysavings {}
background-image: url (.. / images/EnergySavings.jpg);
height: 28px;
Width: 169px;
}
UL. MenuBarHorizontal a.energysavings.MenuBarItemSubmenu {}
background-image: url (.. / images/EnergySavings.jpg);
height: 28px;
Width: 169px;
}
UL. MenuBarHorizontal a.energysavings.MenuBarItemSubmenu:hover {}
background-image: url (.. / images/EnergySavingsRoll.jpg);
height: 28px;
Width: 169px;
}
UL. MenuBarHorizontal a.products span {}
visibility: hidden;
}
UL. MenuBarHorizontal a.energysavings:hover, ul. MenuBarHorizontal a.energysavings:focus, ul. MenuBarHorizontal a.energysavings.MenuBarItemHover, ul. MenuBarHorizontal a.energysavings.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.energysavings.MenuBarSubmenuVisible {}
Background: url (.. / images/EnergySavingsRoll.jpg);
}
UL. MenuBarHorizontal a.news {}
background-image: url (.. / images/News.jpg);
height: 28px;
Width: 104px;
}
UL. MenuBarHorizontal a.news.MenuBarItemSubmenu {}
background-image: url (.. / images/News.jpg);
height: 28px;
Width: 104px;
}
UL. MenuBarHorizontal a.news.MenuBarItemSubmenu:hover {}
background-image: url (.. / images/NewsRoll.jpg);
height: 28px;
Width: 104px;
}
UL. MenuBarHorizontal a.news span {}
visibility: hidden;
}
UL. MenuBarHorizontal a.news:hover, ul. MenuBarHorizontal a.news:focus, ul. MenuBarHorizontal a.news.MenuBarItemHover, ul. MenuBarHorizontal a.news.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.news.MenuBarSubmenuVisible {}
Background: url (.. / images/NewsRoll.jpg);
}
UL. MenuBarHorizontal a.care {}
background-image: url (.. / images/CareMaint.jpg);
height: 28px;
Width: 205px;
}
UL. MenuBarHorizontal a.care.MenuBarItemSubmenu {}
background-image: url (.. / images/CareMaint.jpg);
height: 28px;
Width: 205px;
}
UL. MenuBarHorizontal a.care.MenuBarItemSubmenu:hover {}
background-image: url (.. / images/CareMaintRoll.jpg);
height: 28px;
Width: 205px;
}
UL. MenuBarHorizontal a.care span {}
visibility: hidden;
}
UL. MenuBarHorizontal a.care:hover, ul. MenuBarHorizontal a.care:focus, ul. MenuBarHorizontal a.care.MenuBarItemHover, ul. MenuBarHorizontal a.care.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.care.MenuBarSubmenuVisible {}
Background: url (.. / images/CareMaintRoll.jpg);
}
UL. MenuBarHorizontal a.warranty {}
background-image: url (.. / images/Warranty.jpg);
height: 28px;
Width: 145px;
}
UL. MenuBarHorizontal a.warranty.MenuBarItemSubmenu {}
background-image: url (.. / images/Warranty.jpg);
height: 28px;
Width: 145px;
}
UL. MenuBarHorizontal a.warranty.MenuBarItemSubmenu:hover {}
background-image: url (.. / images/WarrantyRoll.jpg);
height: 28px;
Width: 145px;
}
UL. MenuBarHorizontal a.warranty span {}
visibility: hidden;
}
UL. MenuBarHorizontal a.warranty:hover, ul. MenuBarHorizontal a.warranty:focus, ul. MenuBarHorizontal a.warranty.MenuBarItemHover, ul. MenuBarHorizontal a.warranty.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.warranty.MenuBarSubmenuVisible {}
Background: url (.. / images/WarrantyRoll.jpg);
}
#MenuBar1. MenuBarSubmenuVisible a {}
background-image: none;
background-repeat: no-repeat;
Width: 139px;
height: 28px;
border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #FFF;
Color: #000;
text-align: center;
vertical-align: bottom;
background-color: #d3c7b7;
do-family: Tahoma, Geneva, without serif.
do-size: 12px;
}
#MenuBar1. MenuBarSubmenuVisible a: hover {}
make-weight: bold;
background-color: #eee9e3;
}
#MenuBar1. MenuBarSubmenuVisible a.whyidealsub {}
background-image: none;
background-repeat: no-repeat;
Width: 139px;
height: 28px;
border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #FFF;
Color: #000;
text-align: center;
vertical-align: bottom;
background-color: #d3c7b7;
do-family: Tahoma, Geneva, without serif.
do-size: 12px;
overflow: visible;
line-height: 28px;
float: none;
}
#MenuBar1. MenuBarSubmenuVisible a.whyidealsub:hover {}
make-weight: bold;
background-color: #eee9e3;
}
#MenuBar1. MenuBarSubmenuVisible a.productssub {}
background-image: none;
background-repeat: no-repeat;
Width: 138px;
height: 28px;
border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #FFF;
Color: #000;
text-align: center;
vertical-align: bottom;
background-color: #d3c7b7;
do-family: Tahoma, Geneva, without serif.
do-size: 12px;
line-height: 28px;
}
#MenuBar1. MenuBarSubmenuVisible a.productssub:hover {}
make-weight: bold;
background-color: #eee9e3;
}
#MenuBar1. MenuBarSubmenuVisible a.energysub {}
background-image: none;
background-repeat: no-repeat;
Width: 169px;
height: 28px;
border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #FFF;
Color: #000;
text-align: center;
vertical-align: bottom;
background-color: #d3c7b7;
do-family: Tahoma, Geneva, without serif.
do-size: 12px;
line-height: 28px;
}
#MenuBar1. MenuBarSubmenuVisible a.energysub:hover {}
make-weight: bold;
background-color: #eee9e3;
}
#MenuBar1. MenuBarSubmenuVisible a.caresub {}
background-image: none;
background-repeat: no-repeat;
Width: 205px;
height: 28px;
border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #FFF;
Color: #000;
text-align: center;
vertical-align: middle;
background-color: #d3c7b7;
do-family: Tahoma, Geneva, without serif.
do-size: 12px;
line-height: 28px;
}
#MenuBar1. MenuBarSubmenuVisible a.caresub:hover {}
make-weight: bold;
background-color: #eee9e3;
}
/ * 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: center;
cursor: pointer;
float: left;
vertical-align: middle;
}
/ * 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;
position: absolute;
left:-1000em;
vertical-align: middle;
text-align: center;
display: block;
}
/ * 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: auto;
}
/ * Container of menu items are same fixed width parent * /.
UL. MenuBarHorizontal ul li
{
line-height: 28px;
}
/ * 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
{
left: auto;
top: 0;
}
/*******************************************************************************
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: #EEE;
Color: #333;
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: # 33;
color: #FFF;
}
/ * 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: # 33;
color: #FFF;
}
/*******************************************************************************
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%;
}
/ * 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%;
}
/*******************************************************************************
BROWSER HACKS: hacks below should not be changed, unless you are an expert
*******************************************************************************/
/ * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
UL. MenuBarHorizontal iframe
{
position: absolute;
z index: 1010;
Filter:alpha(opacity:0.1);
}
/ * 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;
}
}

Add or change

UL. MenuBarHorizontal ul li {}

display: block;

float: none! important;

Width: auto;

white-space: nowrap;

}

The! important bit is to substitute the JS

GRAMPS

Submenu of the Spry Menu not appearing not

Hello!
Thanks in advance for your time. I have a navigation bar I'm trying and can't get submenu secondary appears to the right of the drop-down list. (Comic > SECURITIES > ERNEST) I enclose you CSS and html link. It's a library item. If anyone can shed some light it would be appreciated.
Thank you!
Sandra
Link:
http://www.Papercutz.com/Ninjago/ninjago_test.html
CSS:
@charset "UTF-8";
/ * Sections - review: pre-release Spry 1.4 * /.
/ * 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: 9pt;
cursor: default;
Width: 700px;
do-family: Arial, Helvetica, without serif.
background-image: url (.. / papercutz/assets/images/comics1.gif);
}
/ * 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;
cursor: pointer;
Width: 20%;
float: left;
border-color: #FF9900;
background-image: url (.. / papercutz/assets/images/comics1.gif);
text-align: 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: 140px;
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: auto;
}
/ * Container of menu items are same fixed width parent * /.
UL. MenuBarHorizontal ul li
{
Width: 150px;
do-size: 9pt;
}
/ * 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
{
left: auto;
top: 0;
}
/ * Menu items are a light grey block with padding and no text decoration * /.
UL. MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #FF6600;
padding: .5em .2em;
color: #FFFFFF;
text-decoration: none;
border: 1px solid #ff9900;
height: 16px;
text-align: center;
}
/ 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: #FF0000;
Color: #000000;
}
/ * 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: #FF0000;
Color: #000000;
}
/*******************************************************************************
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%;
}
/ * 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%;
}
/*******************************************************************************
BROWSER HACKS: hacks below should not be changed, unless you are an expert
*******************************************************************************/
/ * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
UL. MenuBarHorizontal iframe
{
position: absolute;
z index: 1010;
}
/ * 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;
}
}
HTML:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional / / BY" > ".
< html >
< head >
< / style >
< title > Ninjago Vol.1 < /title >
< meta http-equiv = "Content-Type" content = text/html"; charset = ISO-8859-1 ">"
"" < link href = "... / SpryAssets_new/papercutz_test.css" rel = "stylesheet" type = "text/css" >
< style type = "text/css" >

"< script src ="... /... "/ SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
< ul id = "MenuBar1" class = "MenuBarHorizontal" >
< li > < a class = "MenuBarItemSubmenu" href = "#" > COMICS HOME < /a >
< ul >
" < li > < a href =" http://www.Papercutz.com/Bionicle/index.html "> BIONICLE < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/Classics/windwillow/willowhome.html "> illus classics." < /a > < /li >
" < li > < a href =" http://www.Papercutz.com/disneyfairies/ "> Disney Fairies < /a > < /li > .
< li > < a class = "MenuBarItemSubmenu" href = "#" > more < /a > < /li >
< ul >
" < li > < a href =" http://www.Papercutz.com/Bionicle/index.html "> Ernest < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/Classics/windwillow/willowhome.html "> Sybil < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/disneyfairies/ "> monster < /a > < /li > .
< /ul >
" < li > < a href =" http://www.Papercutz.com/Garfield/index.html "> Garfield & amp;" Co < /a > < /li >
" < li > < a href =" http://www.Papercutz.com/Stilton/index.html "> Geronimo Stilton < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/HB/HB.html "> hardy Boys < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/ninjago_ss/ "> LEGO NINJAGO < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/ND/nd.html "> Nancy Drew < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/paperslices/slices_moreinfo.html "> Papercutz slices < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/Smurfs/ "> the Smurfs < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/TC/TC.html "> tales of the crypt < /a > < /li > .
< /ul >
< /li >
" < li > < a href =" http://www.Papercutz.com/Ninjago/ninjago_moreinfo.html "> INFO BOOK < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/Ninjago/ninjago_author.html "> MEET the AUTHOR < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/Ninjago/ninjago1pre1.html "> READ THE comic book < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/order.html ' > WHERE to FIND < /a > < /li > .
< /ul >
< script type = "text/javascript" >
 < table >
< /tr >
< tr align = "center" >
< td > < img src = "images/LEGO_Ninjago_logo_BLACK.jpg" width = "360" height = "77" alt = "logo garfield" > < table > "
< /tr >
< /table >
< table width = "508" border = "0" align = "center" cellpadding = "0" cellspacing = "0" >
< tr align = "center" >
< td = "42" height > < table >
< /tr >
< tr align = "center" bgcolor = "#86E2F3" >
< height td = "28" > < p > < / p >
"< p > < a href ="ninjago1cover.html"> < img src =" images/ninjago1_cover.jpg"alt =" "width ="221"height ="326"> < /a > < font color =" #333333 "size ="1"face ="Verdana, Arial, Helvetica, sans-serif"> < a href =" ninjago1cover.html "> < br >".
Click here to see the art of expanded coverage < /a > < / police > < / p >
< p > < /p > < table >
< /tr >
< tr align = "center" bgcolor = "#5BD2EF" >
< td width = '508' height = '341' bgcolor = "#86E2F3" > < table width = "403" border = "0" cellspacing = "0" cellpadding = "0" >
< tr align = "center" >
< td width = "315" align = "left" > < h2 > < strong NINJAGO > < br >
The challenge of Samukai! < / strong > < / h2 >
< h3 > Greg Farshtey, writer < br >
Paulo Henrique, artist < / h3 >
< p > the masters of Spinjitzu come Papercutz! Sensei Wu formed Cole, Zane, Jay and Kai to be masters of Spinjitzu and together they defend Ninjago world from the dark forces of the underworld. But when the head of the army of skeletons, Samukai, claims for the evil Lord Garmadon he can defeat Sensei Wu and his four young ninja, Garmadon him again on his bet! Who will win in this battle between good and evil? < /p > < table >
< /tr >
< tr align = "center" >
< td > < table >
< /tr >
< tr align = "center" >
< td align = "left" > < p > 6 x 9, 64 p., full color pin: $7.99 < br >
ISBN: 978-1-59707-297-7 < br >
Also in editing related to the collector: $11.99 < br >
ISBN 978-1-59707-298-4 < /p > < table >
< /tr >
< tr align = "center" >
< td = "34" height > < table >
< /tr >
< tr align = "center" >
< td > < p > < a href = "ninjago_moreinfo.html" > return to page info/list of books < /a > < /p > ""
< p > < a href = "ninjago_author.html" > meet the author/artist < /a > < /p > ""
< p > < font color = "#333333" size = "2" face = "Verdana, Arial, Helvetica, sans-serif" > < b > < a href = "ninjago1pre1.html" > previews < /a > < / b > < / police > < /p > < table >
< /tr >
< /table >
< p > < /p > < table >
< /tr >
< tr bgcolor = "#FFCC66" >
< td height = "18" align = "center" bgcolor = "#86E2F3" > < table >
< /tr >
< b >
< td height = "18" align = "center" > < table >
< /tr >
< /table >
< center >
< table width = "702" border = "0" align = "center" cellpadding = "0" cellspacing = "0" >
< tr align = "center" >
< td width = "702" height = "96" > <!-#BeginLibraryItem "/ Library/nav_test2.lbi"-->
"< script src ="... /... "/ SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
< ul id = "MenuBar2" class = "MenuBarHorizontal" >
< li > < a class = "MenuBarItemSubmenu" href = "#" > COMICS HOME < /a >
< ul >
" < li > < a href =" http://www.Papercutz.com/Bionicle/index.html "> BIONICLE < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/Classics/windwillow/willowhome.html "> illus classics." < /a > < /li >
" < li > < a href =" http://www.Papercutz.com/disneyfairies/ "> Disney Fairies < /a > < /li > .
< li > < a class = "MenuBarItemSubmenu" href = "#" > more < /a > < /li >
< ul >
" < li > < a href =" http://www.Papercutz.com/Bionicle/index.html "> Ernest < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/Classics/windwillow/willowhome.html "> Sybil < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/disneyfairies/ "> monster < /a > < /li > .
< /ul >
" < li > < a href =" http://www.Papercutz.com/Garfield/index.html "> Garfield & amp;" Co < /a > < /li >
" < li > < a href =" http://www.Papercutz.com/Stilton/index.html "> Geronimo Stilton < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/HB/HB.html "> hardy Boys < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/ninjago_ss/ "> LEGO NINJAGO < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/ND/nd.html "> Nancy Drew < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/paperslices/slices_moreinfo.html "> Papercutz slices < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/Smurfs/ "> the Smurfs < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/TC/TC.html "> tales of the crypt < /a > < /li > .
< /ul >
< /li >
" < li > < a href =" http://www.Papercutz.com/Ninjago/ninjago_moreinfo.html "> INFO BOOK < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/Ninjago/ninjago_author.html "> MEET the AUTHOR < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/Ninjago/ninjago1pre1.html "> READ THE comic book < /a > < /li > .
" < li > < a href =" http://www.Papercutz.com/order.html ' > WHERE to FIND < /a > < /li > .
< /ul >
< script type = "text/javascript" >
 < table >
< /tr >
< tr align = "center" >
< td = "37" height > < p > LEGO, the LEGO logo, the configurations of the brick and button and the figurine are trademarks of the LEGO Group. & copy; 2011 The LEGO Group. Produced by Papercutz under license from the LEGO Group. < /p > < table >
< /tr >
< tr align = "center" >
< td > < table >
< /tr >
< /table >
< / center > < table >
< td > < table >
< /tr >
< /table >
< class p = "backgroundcolor" > < / p >
< center >
< p > < / p >
< /Center >
< / body >
< / html >

Remove the bar and add the other
Other titles
- http://www.Papercutz.com/Bionicle/index.html"> Ernest.
- http://www.Papercutz.com/Classics/windwillow/willowhome.html"> Sybil."
- http://www.Papercutz.com/disneyfairies/"> Monster."
GRAMPS

Space additional Spry menu bar

I put a spry menu bar in Dreamweaver and everything works except there is a small space on the left of the submenus within the boundary of the submenu. It is quite difficult to see because everything is blue, but if you look closely you can see.
I played around with the css (and probably messed up a few things on the way), but I can't seem to get rid of this space.
Capture screen and css below:
@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;
are-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
{
padding: 0;
list-style-type: none;
are-size: 100%;
position: relative;
text-align: left;
cursor: point;
width: auto;
float: left;
margin left: 3%;
}
/ * 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;
are-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
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: auto;
}
/ * Container of menu items are same fixed width parent * /.
UL. MenuBarHorizontal ul li
{
width: 8th;
}
/ * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
UL. MenuBarHorizontal ul ul
{
position: absolute;
}
/ * 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
{
left: 0px;
top: 0;
}
/*******************************************************************************
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 * /.
SLH MenuBarHorizontal a
{
display: block;
cursor: point;
color: #FFF;
text-decoration: none;
background-color: #173362;
}
/ Components menu that have mouse over or focus have a blue background and white text * /.
SLH MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus
{
background-color: #BCC5C2;
color: #000;
}
/ * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.
SLH MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: #173362;
color: #FF0;
}
/*******************************************************************************
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%) * /.
SLH MenuBarHorizontal a.MenuBarItemSubmenu
{
}
/ * 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%) * /.
MenuBarHorizontal ul a.MenuBarItemSubmenu SLH
{
background-repeat: no-repeat;
}
/ * 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%) * /.
SLH MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-repeat: no-repeat;
}
/*******************************************************************************
BROWSER HACKS: hacks below should not be changed, unless you are an expert
*******************************************************************************/
/ * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
SLH MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/ * 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;
}
}

Connect to the Widget from Adobe Exchange and grab the latest Spry Menu 2.0 (less problems).

Widget Browser
http://labs.Adobe.com/technologies/widgetbrowser/

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB

Firefox Slow 20.0.1 in the menu bar of the draw (sometimes)

It started just with 20.0 (I think). Text menu bar appears about 5 seconds after the opening of Firefox. I use two different mobile browsers of Firefox, and both have the same problem. I tried to disable all the modules and the problem persists. This happens randomly (but not often). See screenshot (if I can get it posted):

I solved this problem by disabling hardware in Firefox acceleration; However, I still believe that there is a Firefox problem somewhere because I have an ATI Radeon 6450 (graphic PCI-E 2.0 card) that runs in Windows 8 PRO Direct X 11 and according to the Firefox support Direct X 10 graphics information. So, this would also be one problem for others who run natively Direct X 11?

Menu bar appeared with tiny fonts

Similar Questions

Maybe you are looking for