IE8 Ignores 2nd cfdiv?
Hi there,
Strange problem that I haven't found any information on after a quick google hunt and forum search.
I have a page whose job it is to assign coaches to teams. It makes use of cfdiv and cfselect cfc binds to make it as fast and dynamic as possible. The idea is pretty simple:
- Choose a competition
- Based on competition choice, show a list of divisions
- Based on division choice, show a list of teams
- cfdiv to include small page responsible for removing coaches bsed off of team drop-down
- 2nd cfdiv to includee a small page list of coaches that you can assign to the specified team
In Firefox, this works fine. In IE8, it displays the first CFDIV but not the second. It is attempting to process the second div, since the AJAX debugger complains about how some form values in div2 that are used in div2 to pull up a list of users aren't defined -- but it's not actually displaying the form.
The main container page just has these two lines of code near the end:
<cfdiv id="div1" bind="url:coach-assignments-div1.cfm?teamID={teamID}" />
<cfdiv id="div2" bind="url:coach-assignments-div2.cfm?teamID={teamID}" />
div1 works perfectly - div2 does not, only in IE. If I put style="height: 500px;" on the second <cfdiv> tag, it will display 500 pixels of empty space - but even if the first line of code in the div2 file is <p>blah</p> it won't display that.
I can definitely rewrite this to only use a single CFDIV, but I'm curious why this would happen, and why only in IE.
Thanks very much,
Aq
Here's what I've found so far:
If I leave cfDebug off, it apparently just can't find the correct cfdiv it wants to use, as I get this error:
Error replacing HTML, element not found: cf_div1268409201188
TeamID is present. If it weren't, then I'd be getting a CF error, and it wouldn't work in Firefox.
All tags are properly opened and closed. The DOM explorer shows both divs, and records the HTML as follows:
<DIV id=div1 _cf_innerHTML>
<HR>
<P>There are no coaches currently assigned to <STRONG>B 6C</STRONG>.</P></DIV>
<DIV id=div2 _cf_innerHTML> </DIV></FORM>
You can see that div1 is properly receiving the teamID and doing a lookup to get the team name (B 6C).
The AJAX logger says it is updating the divs. The URLs it's using to replace the markup are correct and if I call them directly I get what I want. I can't see anything bizarre here. I've removed the results from the CFC queries since they're not relevant and are working correctly and just cluttered everything.
info:http: Replaced markup for element: div2
info:http: Replaced markup for element: div1
info:bind: Assigned bind value: '' to teamID.value
info:http: HTTP GET coach-assignments-div2.cfm?teamID=e63641ab-aaab-4c5f-8a03-e23d5caf1801&_cf_containerId=di v2&_cf_nodebug=true&_cf_nocache=true&_cf_clientid=B67F86568101CB7082EA18291B5FBDCF&_cf_rc= 7
info:http: Replacing markup for element: div2 from URL coach-assignments-div2.cfm?teamID=e63641ab-aaab-4c5f-8a03-e23d5caf1801 with params _cf_containerId=div2
info:http: HTTP GET coach-assignments-div1.cfm?teamID=e63641ab-aaab-4c5f-8a03-e23d5caf1801&_cf_containerId=di v1&_cf_nodebug=true&_cf_nocache=true&_cf_clientid=B67F86568101CB7082EA18291B5FBDCF&_cf_rc= 6
info:http: Replacing markup for element: div1 from URL coach-assignments-div1.cfm?teamID=e63641ab-aaab-4c5f-8a03-e23d5caf1801 with params _cf_containerId=div1
info:http: Replaced markup for element: div2
info:http: Replaced markup for element: div1
info:bind: Assigned bind value: '' to teamID.value
info:http: HTTP GET coach-assignments-div2.cfm?teamID=6ede9c20-946d-433b-a002-933836c58d3d&_cf_containerId=di v2&_cf_nodebug=true&_cf_nocache=true&_cf_clientid=B67F86568101CB7082EA18291B5FBDCF&_cf_rc= 5
info:http: Replacing markup for element: div2 from URL coach-assignments-div2.cfm?teamID=6ede9c20-946d-433b-a002-933836c58d3d with params _cf_containerId=div2
info:http: HTTP GET coach-assignments-div1.cfm?teamID=6ede9c20-946d-433b-a002-933836c58d3d&_cf_containerId=di v1&_cf_nodebug=true&_cf_nocache=true&_cf_clientid=B67F86568101CB7082EA18291B5FBDCF&_cf_rc= 4
info:http: Replacing markup for element: div1 from URL coach-assignments-div1.cfm?teamID=6ede9c20-946d-433b-a002-933836c58d3d with params _cf_containerId=div1
info:bind: Assigned bind value: '' to competitionID.value
info:http: HTTP GET /inleague-cfc/team.cfc?method=getTeamsForDiv&returnFormat=json&argumentCollection=%7B%22D IVISION%22%3A%22%22%2C%22COMPETITIONID%22%3A%221%22%2C%22SORTID%22%3A%22%22%7D&_cf_nodebug =true&_cf_nocache=true&_cf_clientid=B67F86568101CB7082EA18291B5FBDCF&_cf_rc=2
info:http: Invoking CFC: /inleague-cfc/team.cfc , function: getTeamsForDiv , arguments: {"DIVISION":"","COMPETITIONID":"1","SORTID":""}
info:http: HTTP GET /inleague-cfc/team.cfc?method=getDivisions&returnFormat=json&argumentCollection=%7B%22ALL %22%3A%22false%22%2C%22COMPETITIONID%22%3A%221%22%2C%22SORTID%22%3A%22%22%7D&_cf_nodebug=t rue&_cf_nocache=true&_cf_clientid=B67F86568101CB7082EA18291B5FBDCF&_cf_rc=1
info:http: Invoking CFC: /inleague-cfc/team.cfc , function: getCompetition , arguments: {"SORTID":"1"}
info:LogReader: LogReader initialized
info:global: Logger initialized
Similar Messages
-
Ignore 2nd row and 4th row in Excel Sheet in SSIS Package
Hi All,
I have an SSIS package that imports an Excel sheet in which i have to ignore 2nd row and 4th row.
Please help me on this issue.Hi ShyamReddy,
Based on my test, if second and fourth rows need to be skipped is based on some conditions, we can directly add where conditions in only one Excel Source with Edit Option. Otherwise, we can try to union three Excel sources to work around this issue. For
more details, please refer to the following steps:
Set the FirstRowHasColumnName property to False, so the first row stores the column names in the sheet.
Drag three Excel Sources to the Data Flow Task.
In the Excel Source, use the SQL command below to replace the former(supposing there are three columns in the Excel sheet: col1, col2 and col3):
SELECT F1 AS col1,F2 AS col2, F3 AS col3 FROM
[sheet$A2:C2]
In the Excel Source 1, please type the SQL command below:
SELECT F1 AS col1,F2 AS col2, F3 AS col3 FROM
[sheet$A4:C4]
In the Excel Source 2, please type the SQL command below (note that the ‘n’ means the number of rows in the sheet):
SELECT F1 AS col1,F2 AS col2, F3 AS col3 FROM
[sheet$A6:Cn]
Drag a Union All component to the same task, then union those three Excel Sources.
References:
SSIS Excel import skip first rows
sql command for reading a particular sheet, column
Hope this helps.
Thanks,
Katherine Xiong
Katherine Xiong
TechNet Community Support -
I run Windows-XP SP3 and I can't get the image from a Siemans Gigaset cam. There is an error in the cam code (a lacking rutine) . IE8 ignores this and displays the image anyway.
Is it possible to get a notification like Ignore/Abort/ Continue ???Does the documentation for that camera, or for the software with it, say anything about ActiveX or about H.264?
If so, it isn't compatible with Firefox - it doesn't do ActiveX and it doesn't support H.264 in the HTML5 standard. Microsoft just released a plugin for Firefox that adds H.264 support to Firefox, but IIRC that only covers Windows 7 - not WinXP. -
I hope I can get a little help with a problem I have come across.
Background: I am creating a page with 3 separate horizontal Spry Menus, each menu is contained in a cell of a 1 row 3 column table. I created the first menu so it looks like I want it to, to do so I had to insert a few local css rules to override the separate css file as per a suggestion on adobe's site. Everything works as I desire in Firefox and IE8.
Next i created the 2nd menu in the 2nd cell and renamed the class to "MenuBarHorizontal2" and proceded to replciate both the local and seperate css rules and renamed all the replicas to match the modified 2nd menu. I realize this is probably a monkey force round peg in square hole approach, but it worked.. mostly.
Issue: When viewed in Firefox everythign looks as I intend, but when viewed in IE8 the 2nd menu has an issue. The 2nd menu's submenu area appears at the top of the page directly over the menu bar instead of below it like the first menu. I have yet to insert the 3rd menu, but I expect a similar issue form it so I have held off.
I will attach the page in question, and both css sheets for you to view. In addition you can view the page online at http://www.ecotulips.com/test.htm
I appreciate any help with this issue as I am doing this site as a wedding gift for my sister.Hi,
I notice that you have menubar and other styles both as linked external style sheets AND as style sheets in the head of your document.
This will do nothing but confuse things. If you can keep all your styles in distinct, external style sheets, you will better be able to trace sources of difficulty, as the cascade of styles will be simpler to read.
Regarding your page with
3 separate horizontal Spry Menus, each menu is contained in a cell of a 1 row 3 column table. I created the first menu so it looks like I want it to, to do so I had to insert a few local css rules to override the separate css file as per a suggestion on adobe's site.
I think that you can achieve the effect you want with a single Spry Menubar with three drop down menus all on the same menu bar. Take a look at supporting video: http://www.adobe.com/designcenter/video_workshop/?id=vid0168
As you have found, by trying to use your "Number 12 forcefit" (round peg in a square hole), you have leaped over more careful construction techniques into a heap of difficulty. If you go back and remove the menubars that you have inserted...click anywhere on one, click the blue tab on the surrounding div, and strike the delete key, everything will hopefully fall back into pre-menu condition.
When you insert the menubar, you will find it totally editable, CSS style-wise.
Z -
CALL USER DIFINED FUNCTION IN SQLLDR
Is is it possible to call User defined function in SQLLDR ?
COL1 COL2 COL3
1 2 06
1 2 06
1 3 06
1 4 06
2 1 06
2 1 06
I have to ignore 2nd and 6th row while loading the data . because it is duplicate records .
Is it possible in SQLLDR.If there is a unique index on the columns the duplicate rows are not loaded and sqlldr makes a *.bad-Datei (Parameter BAD=...) with the rows which are not loaded.
What should the user defined function do? -
Small prob in ignoring string want to skip 2nd value?
Hi all,
here CONSTRAINT Adept_Usr_Login NOT NULL ,
i have three fixed but 2nd is dynamic how to do this here.
if( tokens0.equalsIgnoreCase( "CONSTRAINT" ) && tokens2.equalsIgnoreCase( "NOT" ) &&
tokens3.equalsIgnoreCase( "NULL" ) )
// dataLines.append( " -- " );
dataLines.append( "NOT " ).append("NULL ").append(" , ").append(" -- ");
dataLines.append( dataLine ).append( '\n' );
Can any one give proper suggestion what to de here.
thanks
Vijendrai don't know whether i will be properly displayable or not.
import java.util.Enumeration;
import java.io.*;
import java.util.StringTokenizer;
import java.sql.*;
public class FileReading{
public static void main(String args[]){
String file="C:/Documents and Settings/vijendras/Desktop/sampleApplicationchngd.sql";
//modified by vijendra for ignoring views and stored procedures on 11 Apr 2006
try {
// open the file for reading
FileReader inputstream = new FileReader (file);
BufferedReader rdr = new BufferedReader( inputstream );
// the StringBuilder which stores the processed lines
StringBuffer dataLines = new StringBuffer();
// read the file line by line
String dataLine;
boolean pending=false;
while((dataLine = rdr.readLine()) != null ) {
// split the input data into words upto first 3 words only
//String[] tokens = dataLine.split( " ", 3 );
String[] tokens = dataLine.trim().split( " ", 3 );
StringTokenizer st = new StringTokenizer(dataLine.trim()," ");
String tokens0 = "";
String tokens1 = "";
if(st.hasMoreTokens()){
tokens0 = st.nextToken();
if(st.hasMoreTokens()){
tokens1 = st.nextToken();
if (!pending) {
// if the line starts with 'create' and a 'view' follows it,
// then add a "--" to the beginning of the line
if((tokens0.equalsIgnoreCase( "create" ) && tokens1.equalsIgnoreCase( "view" ) )||
(tokens0.equalsIgnoreCase( "create" ) && tokens1.equalsIgnoreCase( "procedure" ))
//state #2
// dataLines.append( "-- " );
// dataLines.append( dataLine ).append( '\n' );
pending = true;
// added by vijendra for modifying CONSTRAINT NAME NOT NULL to NOT NULL on 30 June 2006
//System.out.println(tokens[ 0 ].trim()+"::::"+tokens[ 1 ].trim()+"::::"+tokens[ 2 ].trim());
if( tokens[ 0 ].trim().equalsIgnoreCase( "CONSTRAINT") && tokens[ 2 ].trim().equalsIgnoreCase( "NOT NULL," ) ){
dataLines.append( " NOT " ).append(" NULL ").append(" , ").append(" -- ");
dataLines.append( dataLine ).append( '\n' );
System.out.println( "Executed");
else {
//state #1
// you're not in a[nother] view/proc yet}
//dataLines.append( "-- " );
dataLines.append( dataLine ).append( '\n' );
if (pending) { // don't use 'else'
//line contains ';'
if (!dataLine.endsWith(";")) {
//state #4
// do whatever... you're finished
dataLines.append( "-- " );
dataLines.append( dataLine ).append( '\n' );
else {
// state #3
//you're in continuation of view/proc
//but haven't found end yet
dataLines.append( "-- " );
dataLines.append( dataLine ).append( '\n' );
pending = false;
/*Note the 'if' I marked "don't use else" which allows the logic to fall through and catch both
states #2 and #4 (start and end) on the same line.*/
rdr.close(); // close the file
inputstream.close();
// open the file for writing new data to it
FileWriter outputstream=new FileWriter( file );
BufferedWriter writer = new BufferedWriter(outputstream);
// write the new StringBuilder's data back to the file.
writer.write( dataLines.toString(), 0, dataLines.length() );
writer.close(); // close the file
outputstream.close();
} catch( IOException e ) {
System.out.println("Exception"+e);
out put of sql file is now this but it sholud be applied to all.
CREATE TABLE Adept_User(
Id NUMBER(10, 0) NOT NULL,
Login_Name VARCHAR2(30)
NOT NULL , -- CONSTRAINT Adept_Usr_Login NOT NULL,
First_Name VARCHAR2(35)
CONSTRAINT Adept_Usr_First_name NOT NULL,
Last_Name VARCHAR2(35),
User_Password VARCHAR2(10)
CONSTRAINT Adept_Usr_Last_name NOT NULL,
User_Status NUMBER(10, 0)
CONSTRAINT Adept_Usr_Status NOT NULL,
User_Type NUMBER(10, 0)
CONSTRAINT Adept_Usr_Type NOT NULL,
Customer_Contact NUMBER(10, 0),
Employee NUMBER(10, 0),
Organization Number(10,0),
Password_Modified_Date DATE,
Currency_Master_Id NUMBER(10, 0),
CONSTRAINT PK23 PRIMARY KEY (Id)
CREATE TABLE Adept_User_Group(
Id NUMBER(10, 0) NOT NULL,
Adept_Group NUMBER(10, 0)
CONSTRAINT Adept_Usr_Grp NOT NULL,
Adept_User_Name NUMBER(10, 0)
CONSTRAINT Adept_Usr_name NOT NULL,
CONSTRAINT PK157 PRIMARY KEY (Id)
CREATE TABLE Adept_User_Permission(
Id NUMBER(10, 0) NOT NULL,
Adept_Screens NUMBER(10, 0)
CONSTRAINT Adept_Usr_Perm_Scren NOT NULL,
Adept_User_Group NUMBER(10, 0)
CONSTRAINT Adept_Usr_Grp NOT NULL,
Dashboard char(1),
CONSTRAINT PK28 PRIMARY KEY (Id)
sorry for inconvinience for reading this all.
if there is some better way to show all plese tell me.
Vjendra -
PLEASE IGNORE LAST QUESTION RE: 2nd Generation IPod Shuffle Connection
Let's try that again. I currenty have a 2nd generation ipod shuffle that works on my laptop just fine...most of the time. My roomate, however, is having a lot of problems trying to get her's to work on her desktop pc. I need to know if she can use my laptop with her IPod Shuffle as well. I think she can, I just do not have a clue how to do it. Any help with step by step instruction would be great! Normally I Know just about everything with Windows. This one has me confused. PLEASE HELP!!!!!!!!
You select one or more songs in the Music library. Then you click-hold-drag the song(s) and drop onto the shuffle under DEVICES. If you don't see the shuffle under DEVICES, click the little triangle to drop down the list.
The easier way to put songs onto the shuffle is create a new Playlist. Name it "shuffle songs" or whatever you want. Put the songs you want on your shuffle into this playlist. Then connect your shuffle, go to the shuffle's pane in iTunes, and click on the Contents tab. At the bottom of that tab is the Autofill controls. Select to +Autofill from+ the playlist you just created and populated. Click the Autofill button to sync.
This is better because you can decide what to put on the shuffle the next time without the shuffle connected, AND when you sync, it's done all at one time, instead a few songs at a time if you do it manually. -
BO XIR2 SP3 FP3.3 - vertical alignment of 1st column of 2nd page ignored
We have webi reports that have all cells set to vertical alignment bottom. If the report spans more than one page, the first column of the second page reverts to vertical alignment center for all cells in the column. All other columns remain with bottom vertical alignment. This problem does not occur in PDF view, only in HTML views. Does anyone know if there is a fix for this? Can I modify a file somewhere in the system to fix a missing vertical alignment tag?
Joe Gottschall
Pixstar, Inc.Yes, there is "sort-of":
Object > Text Frame Options ( Ctrl + B )
Vertical Justification, set Align to "Justify".
It won't distribute evenly across all three columns though... in other words InDesign doesn't balance the text across the three columns with this feature.
Instead it pushes space between lines/paragraphs within each column to ensure the top and bottom line of text in each column are lined up with top and bottom of text frame.
If there is only a little bit of text in the last column, things might not look like you anticipated. -
Spry 2.0 menu not showing in IE8
I have a webpage with a horizontal and vertical Spry 2.0 menu on the page. Both menus work correctly in Firefox, Chrome, Safari, and IE9, but the vertical menu does not show at all in IE8. In addition in IE8 the browser scroll bar disappears when the vertical menu is added. The test page is http://www.njslom.org/001banner5.html
I am using CS5 and the Spry 2.0 Widget in an html template.
Any help at all would be appreciated.
[email protected]
Page code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
body {
background-color: #EBEBEB;
margin-top: 0px;
</style>
<script src="/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="/Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<link href="/Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#MenuPublic1 {
background-color:#F2F2F2;
font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
font-weight: bold;
font-size: 12px;
font-style: normal;
padding:0;
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuPublic1FixedCentered br" rule bleow */
display:none;
.MenuPublic1LeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuPublic1RightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuPublic1FixedLeft {
float: left;
width: 70em;
.MenuPublic1FixedCentered {
float: none;
width: 70em;
margin-left:auto;
margin-right:auto;
.MenuPublic1FixedCentered br {
clear:both;
display:block;
.MenuPublic1FixedCentered .SubMenu br {
display:none;
.MenuPublic1Fullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuPublic1 .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuPublic1 .MenuItem {
padding: 0px 0px 0px 0px;
background-color:#F2F2F2;
border-width:0px;
border-color: #cccccc #ffffff #cccccc #ffffff;
border-style: none solid none solid;
#MenuPublic1 .MenuItemFirst {
border-style: none none none none;
#MenuPublic1 .MenuItemLast {
border-style: none solid none none;
#MenuPublic1 .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#ffffff;
background-color:#F2F2F2;
padding: 7px 28px 7px 28px;
width: 10em;
width:auto;
.SpryIsIE6 #MenuPublic1 .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuPublic1 .SubMenu .MenuItem {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
font-style: normal;
background-color:#F2F2F2;
padding:0px 2px 0px 0px;
border-width:1px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: solid solid none solid;
#MenuPublic1 .SubMenu .MenuItemFirst {
border-style: solid solid none solid;
#MenuPublic1 .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 4px;
#MenuPublic1 .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuPublic1 .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 4px;
#MenuPublic1 .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#F2F2F2;
color:#ffffff;
padding: 4px 12px 4px 5px;
width: 175px;
/* Hover states for containers, items and labels */
#MenuPublic1 .MenuItemHover {
background-color: #69adee;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuPublic1 .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #69adee; /* consider exposing this prop separately*/
color: #000000;
#MenuPublic1 .MenuItemHover .MenuItemLabel{
background-color: #69adee;
color: #000000;
#MenuPublic1 .SubMenu .MenuItemHover {
background-color: #69adee;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuPublic1 .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #69adee;
color: #000000;
/* Submenu properties -- First level of submenus */
#MenuPublic1 .SubMenuVisible {
background-color: #F2F2F2;
min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
#MenuPublic1.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuPublic1.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuPublic1 .MenuLevel1 .SubMenuVisible {
background-color: #F2F2F2;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuPublic1 .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #69adee; /* consider exposing this prop separately*/
color: #000000;
.SpryIsIE6 #MenuPublic1 .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #69adee; /* consider exposing this prop separately*/
color: #000000;
.SpryIsIE6 #MenuPublic1 .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2141544" binding="#MenuPublic1" />
<oa:widget wid="2141544" binding="#MenuPublic1_2" />
</oa:widgets>
-->
</script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuPublic1_2 */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuPublic1_2 so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuPublic1_2 {
background-color:#8ca7d2;
font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
font-weight: bold;
font-size: 12px;
font-style: normal;
padding:0;
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuPublic1_2FixedCentered br" rule bleow */
display:none;
.MenuPublic1_2LeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuPublic1_2RightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuPublic1_2FixedLeft {
float: left;
width: 175px;
.MenuPublic1_2FixedCentered {
float: none;
width: 175px;
margin-left:auto;
margin-right:auto;
.MenuPublic1_2FixedCentered br {
clear:both;
display:block;
.MenuPublic1_2FixedCentered .SubMenu br {
display:none;
.MenuPublic1_2Fullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuPublic1_2 .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuPublic1_2 .MenuItem {
padding: 0px 24px 0px 0px;
background-color:#8ca7d2;
border-width:0px;
border-color: #cccccc #ffffff #cccccc #ffffff;
border-style: none solid none solid;
#MenuPublic1_2 .MenuItemFirst {
border-style: none none none none;
#MenuPublic1_2 .MenuItemLast {
border-style: none solid none none;
#MenuPublic1_2 .MenuItem .MenuItemLabel{
text-align:left;
line-height:1.4em;
color:#ffffff;
background-color:#8ca7d2;
padding: 6px 10px 6px 10px;
width: 175px;
.SpryIsIE6 #MenuPublic1_2 .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuPublic1_2 .SubMenu .MenuItem {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
font-style: italic;
background-color:#0066ff;
padding:0px 2px 0px 0px;
border-width:1px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: solid solid none solid;
#MenuPublic1_2 .SubMenu .MenuItemFirst {
border-style: solid solid none solid;
#MenuPublic1_2 .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 4px;
#MenuPublic1_2 .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuPublic1_2 .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 4px;
#MenuPublic1_2 .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#0066ff;
color:#ffffff;
padding: 4px 12px 4px 5px;
width: 175px;
/* Hover states for containers, items and labels */
#MenuPublic1_2 .MenuItemHover {
background-color: #cae9fd;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuPublic1_2 .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #cae9fd; /* consider exposing this prop separately*/
color: #000000;
#MenuPublic1_2 .MenuItemHover .MenuItemLabel{
background-color: #cae9fd;
color: #000000;
#MenuPublic1_2 .SubMenu .MenuItemHover {
background-color: #69adee;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuPublic1_2 .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #69adee;
color: #000000;
/* Submenu properties -- First level of submenus */
#MenuPublic1_2 .SubMenuVisible {
background-color: #0066ff;
min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
#MenuPublic1_2.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuPublic1_2.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuPublic1_2 .MenuLevel1 .SubMenuVisible {
background-color: #0066ff;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuPublic1_2 .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #cae9fd; /* consider exposing this prop separately*/
color: #000000;
.SpryIsIE6 #MenuPublic1_2 .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #69adee; /* consider exposing this prop separately*/
color: #000000;
.SpryIsIE6 #MenuPublic1_2 .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
.text-white { color: #FFF;
</style>
</head>
<body>
<table width="950" border="0" align="center" cellpadding="7" cellspacing="0">
<tr>
<td width="284" bgcolor="#0000CC"><strong class="text-white">Serving Municipal Government in <br />
New Jersey Since 1915</strong></td>
<td width="305" bgcolor="#0000CC"><div align="center"><div align="center"> <!-- Begin PicoSearch Query Box -->
<table style="background-color:#004d8c" cellspacing="0" cellpadding="0" border="0">
<tr><td>
<form style="margin:0;" method="get" action="http://www.picosearch.com/cgi-bin/ts.pl">
<input type="hidden" name="index" value="520788" />
<table style="background-color:#004d8c" cellspacing="2" cellpadding="0" border="0">
<tr><td><a href="http://www.picosearch.com/cgi-bin/index.pl?wherefrom=picobox&type=allhttp://www.picosearch.com/cgi-bin/index.pl?wherefrom=picobox&type=all"></a></td>
<td align="right"><input type="text" name="query" value="" size="20" />
<input type="submit" value="GO" name="search2" /></td>
</tr>
</table>
</form>
</td></tr></table>
<span style="white-space: nowrap;">
</span><!-- End PicoSearch Query Box --></div></div></td>
<td width="319" bgcolor="#0000CC"><div align="right" class="text-white"><a href="http://www.njslom.org" class="text-white"><strong>HOME</strong></a> | <a href="http://www.njlmef.org" class="text-white"><strong>NJLM Educational Foundation </strong></a></div></td>
</tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2">
<tr>
<td width="135"><img src="/images-head/head-logo-1.jpg" width="128" height="200" /></td>
<td width="815" valign="top"><p> </p>
<p> </p>
<p> I will be adding the Spry Content Slideshow in this area</p>
</td>
</tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" bgcolor="#F2F2F2"><ul id="MenuPublic1">
<li> <a href="#">Classifieds</a>
<ul>
<li><a href="#">Classifieds & Job Listings</a></li>
</ul></li>
<li> <a href="#">NJ Municipalities Magazine</a>
<ul>
<li> <a href="#">Current Issue</a></li>
<li> <a href="#">Advertise</a> </li>
<li> <a href="#">Subscribe</a> </li>
<li> <a href="#">Submission Guidelines</a></li>
</ul>
</li>
<li> <a href="#">Seminars & Events</a>
<ul>
<li><a href="#">Events & Registration</a></li>
<li><a href="#">CEU Requirements</a></li>
</ul>
</li>
<li> <a href="#">Legislation</a>
<ul>
<li><a href="#">Legislative Committee</a></li>
<li><a href="#">Legislative Priorities</a></li>
<li><a href="#">Legislative Bulletin</a></li>
<li><a href="#">Conference Resolutions</a></li>
</ul></li>
<li> <a href="#">Issues & Documents</a>
<ul>
<li><a href="#">Issue Alerts</a></li>
<li><a href="#">Press & Media</a></li>
<li><a href="#">Publications</a></li>
<li><a href="#">Sample Resolutions</a></li>
<li><a href="#">League Testimony</a></li>
</ul></li>
<li> <a href="#">NJLM Directories</a>
<ul>
<li><a href="#">Staff</a></li>
<li><a href="#">Executive Board</a></li>
<li><a href="#">League Officers</a></li>
<li><a href="#">League Attorneys</a></li>
<li><a href="#">League Affiliates</a></li>
<li><a href="#">League Committees</a></li>
</ul></li>
<p>
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuPublic1
var MenuPublic1 = new Spry.Widget.MenuBar2("#MenuPublic1", {
widgetID: "MenuPublic1",
widgetClass: "MenuBar MenuPublic1LeftShrink",
insertMenuBarBreak: true,
mainMenuShowDelay: 100,
mainMenuHideDelay: 200,
subMenuShowDelay: 200,
subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
</p></td>
</tr>
<tr>
<td width="175" valign="top" bgcolor="#F2F2F2"><p> </p>
<ul id="MenuPublic1_2">
<li> <a href="#">Home</a></li>
<li> <a href="#">Entertainment</a>
<ul>
<li> <a href="#">TV Listings</a></li>
<li> <a href="#">Music</a>
<ul>
<li> <a href="#">Hits</a></li>
<li> <a href="#">Ragga</a>
<ul>
<li> <a href="#">Roots</a></li>
<li> <a href="#">Reggaeton</a></li>
<li> <a href="#">Dancehall</a></li>
</ul>
</li>
<li> <a href="#">Country</a></li>
</ul>
</li>
<li> <a href="#">The Dirt</a>
<ul>
<li> <a href="#">Hollywood</a></li>
<li> <a href="#">NY Beat</a></li>
<li> <a href="#">London Scene</a></li>
</ul>
</li>
<li> <a href="#">The Web</a></li>
</ul>
</li>
<li> <a href="#">Politics</a></li>
<li> <a href="#">Sports</a>
<ul>
<li> <a href="#">Football</a></li>
<li> <a href="#">Baseball</a></li>
<li> <a href="#">Basketball</a></li>
<li> <a href="#">Racing</a>
<ul>
<li> <a href="#">F1</a></li>
<li> <a href="#">Indy Car</a></li>
<li> <a href="#">Stock Car</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuPublic1_2
var MenuPublic1_2 = new Spry.Widget.MenuBar2("#MenuPublic1_2", {
widgetID: "MenuPublic1_2",
widgetClass: "MenuBar MenuBarVertical MenuPublic1_2MenuBarVerticalLeftShrink",
insertMenuBarBreak: true,
mainMenuShowDelay: 100,
mainMenuHideDelay: 200,
subMenuShowDelay: 200,
subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
<p> </p></td>
<td width="773" valign="top" bgcolor="#F2F2F2"><!-- TemplateBeginEditable name="EditRegion3" -->
<p>EditRegion3</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>This is the bottom of the page</p>
<!-- TemplateEndEditable --></td>
</tr>
</table>
</body>
</html>I get the following error message
Perhaps you could have a look at KB927917
Gramps -
Spry oh Spry. The old IE8 debate. Can someone please help
Yes, I am one of the people who can't get their horisontal menu to work in IE8. I've noticed there is a fix in the code for IE6 but this doesn't seem to help the issue.
Which is, that when hovering over the menu the submenu will display for a second and then disapear. I've noticed the same happening to other folks here as well.
Please can anyone have a look at why this could be.
http://southpacifictravellers.co.nz/Menu_102012/Menu1_H.html
Really appreciate it!I've been known to do that to people, sorry Gramps.
I didn't create the site just updating it.
Ok, I've created a test file which is the full document. This is what the menu should look like but my boss is not happy with it not working on IE8, which is what she uses, so we've decided to keep the old menu up for now. Hence the test file below.
http://southpacifictravellers.co.nz/default_102012.asp
On this, there is an included called pagetop1-a.htm http://southpacifictravellers.co.nz/includes/pagetop1-a.htm (but you don't see the menu on this for some reason with the file on its own.
And this is the menu file url http://southpacifictravellers.co.nz/includes/Menu1_H.html and here is its code:
<link href="../Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar1 */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuBar1 so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar1 {
background-color:#0073b2;
font-family: Verdana, Geneva, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
/*font-weight: bold;*/
font-size: 12px;
font-style: normal;
padding:0;
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBar1FixedCentered br" rule bleow */
display:none;
.MenuBar1LeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBar1RightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBar1FixedLeft {
float: left;
width: 0px;
.MenuBar1FixedCentered {
float: none;
width: 0px;
margin-left:auto;
margin-right:auto;
.MenuBar1FixedCentered br {
clear:both;
display:block;
.MenuBar1FixedCentered .SubMenu br {
display:none;
.MenuBar1Fullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar1 .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar1 .MenuItem {
padding: 0px 0px 0px 0px;
background-color:#0073b2;
border-width:1px;
border-color: #cccccc #ffffff #cccccc #ffffff;
border-style: none none none solid;
#MenuBar1 .MenuItemFirst {
border-style: none none none none;
#MenuBar1 .MenuItemLast {
border-style: none none none solid;
#MenuBar1 .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#ffffff;
background-color:#0073b2;
padding: 2px 11px 2px 11px;
width: 0px;
width: inherit;
.SpryIsIE6 #MenuBar1 .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar1 .SubMenu .MenuItem {
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
font-size: 12px;
font-style: normal;
background-color:#339933;
padding:0px 2px 0px 0px;
border-width:0px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: none none none none;
#MenuBar1 .SubMenu .MenuItemFirst {
border-style: none none none none;
#MenuBar1 .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 6px;
#MenuBar1 .SubMenu .MenuItemLast {
border-style: none none none none;
#MenuBar1 .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 6px;
#MenuBar1 .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#339933;
color:#ffffff;
padding: 6px 12px 6px 5px;
width: 7em;
width:auto;
/* Hover states for containers, items and labels */
#MenuBar1 .MenuItemHover {
background-color: transparent;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar1 .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #005888; /* consider exposing this prop separately*/
color: #ffffff;
#MenuBar1 .MenuItemHover .MenuItemLabel{
background-color: #005888;
color: #ffffff;
#MenuBar1 .SubMenu .MenuItemHover {
background-color: #33cc33;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar1 .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #33cc33;
color: #ffffff;
/* Submenu properties -- First level of submenus */
#MenuBar1 .SubMenuVisible {
background-color: #339933;
min-width:100%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: solid solid solid solid;
#MenuBar1.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar1.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar1 .MenuLevel1 .SubMenuVisible {
background-color: #339933;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar1 .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #005888; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar1 .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #33cc33; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar1 .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2141544" binding="#MenuBar1" />
<oa:widget wid="2141544" binding="#MenuBar1_2" />
<oa:widget wid="2141544" binding="#MenuBar1_3" />
</oa:widgets>
-->
</script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar1_2 */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuBar1_2 so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar1_2 {
background-color:#0073b2;
font-family: Verdana, Geneva, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts.
/*font-weight: bold;*/
font-size: 12px;
font-style: normal;
padding:0;
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBar1_2FixedCentered br" rule bleow */
display:none;
.MenuBar1_2LeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBar1_2RightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBar1_2FixedLeft {
float: left;
width: 0px;
.MenuBar1_2FixedCentered {
float: none;
width: 0px;
margin-left:auto;
margin-right:auto;
.MenuBar1_2FixedCentered br {
clear:both;
display:block;
.MenuBar1_2FixedCentered .SubMenu br {
display:none;
.MenuBar1_2Fullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar1_2 .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar1_2 .MenuItem {
padding: 0px 0px 0px 0px;
background-color:#0073b2;
border-width:1px;
border-color: #cccccc #ffffff #cccccc #ffffff;
border-style: none none none solid;
#MenuBar1_2 .MenuItemFirst {
border-style: none none none none;
#MenuBar1_2 .MenuItemLast {
border-style: none none none solid;
#MenuBar1_2 .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#ffffff;
background-color:#0073b2;
padding: 2px 14px 2px 14px;
width: 0px;
width:auto;
.SpryIsIE6 #MenuBar1_2 .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar1_2 .SubMenu .MenuItem {
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
font-size: 12px;
font-style: normal;
background-color:#339933;
padding:0px 2px 0px 0px;
border-width:0px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: none none none none;
#MenuBar1_2 .SubMenu .MenuItemFirst {
border-style: none none none none;
#MenuBar1_2 .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 6px;
#MenuBar1_2 .SubMenu .MenuItemLast {
border-style: none none none none;
#MenuBar1_2 .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 6px;
#MenuBar1_2 .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#339933;
color:#ffffff;
padding: 6px 12px 6px 5px;
width: 7em;
width:auto;
/* Hover states for containers, items and labels */
#MenuBar1_2 .MenuItemHover {
background-color: transparent;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar1_2 .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #005888; /* consider exposing this prop separately*/
color: #ffffff;
#MenuBar1_2 .MenuItemHover .MenuItemLabel{
background-color: #005888;
color: #ffffff;
#MenuBar1_2 .SubMenu .MenuItemHover {
background-color: #33cc33;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar1_2 .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #33cc33;
color: #ffffff;
/* Submenu properties -- First level of submenus */
#MenuBar1_2 .SubMenuVisible {
background-color: #339933;
min-width:100%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: solid solid solid solid;
#MenuBar1_2.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar1_2.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar1_2 .MenuLevel1 .SubMenuVisible {
background-color: #339933;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar1_2 .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #005888; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar1_2 .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #33cc33; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar1_2 .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar1_3 */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuBar1_3 so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar1_3 {
background-color: #0073b2;
font-family: Verdana, Geneva, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
/*font-weight: bold;*/
font-size: 12px;
font-style: normal;
padding: 0;
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width: 0px;
border-style: none none none none;
text-align: center;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBar1_3FixedCentered br" rule bleow */
display:none;
.MenuBar1_3LeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBar1_3RightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBar1_3FixedLeft {
float: left;
width: 0px;
.MenuBar1_3FixedCentered {
float: none;
width: 0px;
margin-left:auto;
margin-right:auto;
.MenuBar1_3FixedCentered br {
clear:both;
display:block;
.MenuBar1_3FixedCentered .SubMenu br {
display:none;
.MenuBar1_3Fullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar1_3 .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar1_3 .MenuItem {
padding: 0px 0px 0px 0px;
background-color:#0073b2;
border-width:1px;
border-color: #cccccc #ffffff #cccccc #ffffff;
border-style: none none none solid;
#MenuBar1_3 .MenuItemFirst {
border-style: none none none none;
#MenuBar1_3 .MenuItemLast {
border-style: none none none solid;
#MenuBar1_3 .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#ffffff;
background-color:#0073b2;
padding: 2px 14px 2px 14px;
width: 0px;
width:auto;
.SpryIsIE6 #MenuBar1_3 .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar1_3 .SubMenu .MenuItem {
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
font-size: 12px;
font-style: normal;
background-color:#339933;
padding:0px 2px 0px 0px;
border-width:0px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: none none none none;
#MenuBar1_3 .SubMenu .MenuItemFirst {
border-style: none none none none;
#MenuBar1_3 .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 6px;
#MenuBar1_3 .SubMenu .MenuItemLast {
border-style: none none none none;
#MenuBar1_3 .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 6px;
#MenuBar1_3 .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#339933;
color:#ffffff;
padding: 6px 12px 6px 5px;
width: 7em;
width:auto;
/* Hover states for containers, items and labels */
#MenuBar1_3 .MenuItemHover {
background-color: transparent;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar1_3 .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #005888; /* consider exposing this prop separately*/
color: #ffffff;
#MenuBar1_3 .MenuItemHover .MenuItemLabel{
background-color: #005888;
color: #ffffff;
#MenuBar1_3 .SubMenu .MenuItemHover {
background-color: #33cc33;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar1_3 .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #33cc33;
color: #ffffff;
/* Submenu properties -- First level of submenus */
#MenuBar1_3 .SubMenuVisible {
background-color: #339933;
min-width:100%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: solid solid solid solid;
#MenuBar1_3.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar1_3.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar1_3 .MenuLevel1 .SubMenuVisible {
background-color: #339933;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar1_3 .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #005888; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar1_3 .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #33cc33; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar1_3 .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#0073B2">
<td align="center"><ul id="MenuBar1">
<li><a href="default.asp">Home</a> </li>
<li><a href="independent.asp" >Independent Holidays </a>
<ul>
<li><a href="indep-info.asp">An Introduction to our Trips</a></li>
<li><a href="shortbreaks.asp">Nature Break Holidays</a></li>
<li><a href="touring.asp">Discovery Holidays</a></li>
<li><a href="intrepidholidays.asp" >Intrepid Holidays</a>
<ul>
<li><a href="ihgourmet.asp">Gourmet Wine </a></li>
<li><a href="ihculture.asp">Culture & Heritage </a></li>
<li><a href="ihwalking.asp">Walking Holidays </a></li>
<li><a href="ihactive.asp">Active Outdoors </a></li>
<li><a href="ihwildlife.asp">Wildlife Encounters </a></li>
</ul>
</li>
<li><a href="selector.asp">Destination & Activity Selector</a></li>
<li><a href="https://www.southpacifictravellers.co.nz/host/secure/bookingform-sb.asp">Booking Form - Nature Breaks</a></li>
<li><a href="https://www.southpacifictravellers.co.nz/host/secure/bookingform-th.asp">Booking Form - Discovery Holidays</a></li>
<li><a href="https://www.southpacifictravellers.co.nz/host/secure/enquiryform.asp">Quick Email Enquiry Form</a></li>
</ul>
</li>
<li><a href="selfdrive.asp" >Self Drive</a>
<ul>
<li><a href="selfdrivefeatures.asp">Rental Cars Used in Our Tours </a></li>
<li><a href="motorhome.asp" >Motorhomes and Campervans</a>
<ul>
<li><a href="motorhome-united.asp">United Campervans</a></li>
<li><a href="motorhome-maui.asp">Pacific Horizon</a></li>
</ul>
</li>
<li><a href="motorcycles-info.asp">Motorcycle Touring</a></li>
<li><a href="kiwicombopass.asp">Kiwi Combo Pass</a></li>
</ul>
</li>
<li><a href="travelpasses.asp" >Travel Passes</a>
<ul>
<li><a href="kiwicombopass.asp">Kiwi Combo Pass</a></li>
</ul>
</li>
<li><a href="escortedcoachtours.asp" >Escorted Coach Tours</a>
<ul>
<li><a href="premiumcoachfeatures.asp"><strong><font color="#FFCC00">Premium Coach Tours Features</font></strong></a> </li>
<li><a href="#" > Premium Full New Zealand Tours</a>
<ul>
<li><a href="newzealandadventure.asp">18 day Best of New Zealand</a></li>
<li><a href="newzealandencounter.asp">18 day Wonders of New Zealand</a></li>
<li><a href="newzealandhighlights.asp">15 day New Zealand Splendour</a></li>
<li><a href="newzealandpanorama.asp">15 day New Zealand Experience</a></li>
<li><a href="newzealandtaste8.asp">10 day Contrasts of New Zealand</a></li>
</ul>
</li>
<li><a href="#" > Premium South Island Tours</a>
<ul>
<li><a href="southernexplorer10.asp">10 day Southern Panorama </a></li>
<li><a href="southernexperience10.asp">10 day Southern Spectacular </a></li>
<li><a href="southernwanderer7.asp">7 day Southern Wanderer </a></li>
</ul>
</li>
<li><a href="#" > Premium North Island Tours</a>
<ul>
<li><a href="northernexperience8.asp">8 day Northern Discovery</a></li>
</ul>
</li>
<li><a href="luxfeatures.asp"><strong><font color="#FFCC00">Superior Coach Holidays Features</font></strong></a> </li>
<li><a href="luxsi.asp"> Ultimate NZ Small Group</a></li>
<li><a href="#" > Superior New Zealand Tours</a>
<ul>
<li><a href="luxgrandnz.asp"> 19 day Grand New Zealand</a></li>
<li><a href="luxhighlightsnz.asp">16 day Highlights of New Zealand</a></li>
<li><a href="luxnsi.asp">9 day Northern Spectacular</a></li>
</ul>
</li>
<li><a href="#" > Superior South Island Tours</a>
<ul>
<li><a href="luxsit.asp"> 10 day South Island Spectacular</a></li>
</ul>
</li>
<li><a href="#" > Superior Rail/Coach Tours</a>
<ul>
<li><a href="luxrailcoach.asp"> 19 day Rail/Coach Tour</a></li>
</ul>
</li>
<li><a href="guidedcoach.asp"><strong><font color="#FFCC00">Popular Coach Tour Features</font></strong></a> </li>
<li><a href="#" > Ultimate Series New Zealand Tours</a>
<ul>
<li><a href="coachtour-z.asp">23 Day All New Zealand Ultimate</a></li>
<li><a href="coachtour-x.asp">20 Day Ultimate New Zealand</a></li>
<li><a href="coachtour-xl.asp">13 Day Ultimate Southern Highlights</a></li>
</ul>
</li>
<li><a href="#" > Classic Series New Zealand Tours</a>
<ul>
<li><a href="coachtour-a.asp">18 day Classic Panorama</a></li>
<li><a href="coachtour-c.asp">16 day Classic Vista</a></li>
<li><a href="coachtour-j.asp">14 day Classic Scenic Explorer</a></li>
<li><a href="coachtour-v.asp">12 day Classic Southern Discovery</a></li>
<li><a href="coachtour-i.asp">10 day Classic Nothern Escape</a></li>
<li><a href="coachtour-y.asp">10 day Classic Northern Heritage</a></li>
</ul>
</li>
<li><a href="#" > Classic Series South Island Tours</a>
<ul>
<li><a href="coachtour-L.asp">10 day Classic Southern Panorama</a></li>
<li><a href="coachtour-g.asp">9 day Classic Tranz Alpine</a></li>
</ul>
</li>
<li><a href="guidedcoach.asp" > Highlights New Zealand Tour</a>
<ul name="highlight">
<li><a href="coachtour-LA.asp">18 day New Zealand Highlights</a></li>
<li><a href="coachtour-LB.asp">17 day Highlights of New Zealand</a></li>
<li><a href="coachtour-LAS.asp">11 day Alpine Highlights</a></li>
</ul>
</li>
<li><a href="lowcostfeatures.asp"><strong><font color="#FFCC00">Best Buys Coach Tour Features</font></strong></a> </li>
<li><a href="#" > Best Buys New Zealand Tours</a>
<ul>
<li><a href="newzealandwonders.asp">17 day New Zealand Magic</a></li>
<li><a href="newzealandbestof.asp">17 day New Zealand Contrasts</a></li>
<li><a href="newzealandexperience14.asp">14 day New Zealand Marvel</a></li>
<li><a href="newzealandsplendour14.asp">14 day New Zealand Vista</a></li>
</ul>
</li>
<li><a href="lowcostfeatures.asp" > Best Buys South Island Tours</a>
<ul>
<li><a href="southernspectacular9.asp">9 day Southern Spotlight</a></li>
<li><a href="southernicons.asp">9 day Southern Icons</a></li>
</ul>
</li>
<li><a href="#" > Best Buys North Island Tours</a>
<ul>
<li><a href="northerndiscovery8.asp">8 day Northern Spotlight"</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="activities.asp">NZ Activities/Sightseeing</a></li>
</ul>
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar1
var MenuBar1 = new Spry.Widget.MenuBar2("#MenuBar1", {
widgetID: "MenuBar1",
widgetClass: "MenuBar MenuBar1LeftShrink",
insertMenuBarBreak: true,
mainMenuShowDelay: 100,
mainMenuHideDelay: 200,
subMenuShowDelay: 200,
subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script></td>
</tr>
<tr>
<td height="1" bgcolor="#FFFFFF"></td>
</tr>
<tr bgcolor="#0073B2">
<td align="center" bgcolor="#0073B2"><ul id="MenuBar1_2" >
<li><a href="specialinterest.asp" >Special Interest Tours</a>
<ul>
<li><a href="golftours.asp" >Independent Golf Tours</a>
<ul>
<li><a href="golftours.asp">About Our Golf Tours</a></li>
<li><a href="golfgetaways.asp">Golf Getaways</a></li>
<li><a href="NZgolftours.asp" >Full New Zealand Tours</a></li>
<ul>
<li><a href="nzgolftour-a.asp">20 Day \"Longest Drive\" Scenic Golf Tour</a></li>
<li><a href="nzgolftour-b.asp">20 Day \"Down the Fairway\" Scenic Golf Tour"</a></li>
<li><a href="nzgolftour-c.asp">18 Day \"Chip Shot\" Scenic Golf Tour</a></li>
<li><a href="nzgolftour-d.asp">17 Day \"Close to the Pin\" Scenic Golf Tour</a></li>
<li><a href="nzgolftour-e.asp">15 Day \"Down the Middle\" Scenic Golf Tour</a></li>
<li><a href="nzgolftour-f.asp">14 Day \"Hole in One\" Scenic Golf Tour</a></li>
</ul>
<li><a href="sigolftours.asp">South Island Tours</a></li>
<li><a href="nigolftours.asp">North Island Tours</a></li>
</ul>
</li>
<li><a href="winetours.asp" >Independent Wine Tours</a>
<ul>
<li><a href="winetours.asp">About Our Winery Tours</a></li>
<li><a href="NZwinetours.asp">Full New Zealand Tours</a></li>
<li><a href="SIwinetours.asp">South Island Tours</a></li>
<li><a href="NIwinetours.asp">North Island Tours</a></li>
</ul>
</li>
<li><a href="lotr.asp">Independent Lord of the Rings Tours</a></li>
<li><a href="spa.asp">Independent Spa Holidays</a></li>
<li><a href="ski.asp" >Independent Ski Holidays</a>
<ul>
<li><a href="skiqueenstown.asp">Queenstown Ski Package</a></li>
<li><a href="skimounthutt.asp">Mount Hutt Ski Package</a></li>
<li><a href="skiwanaka.asp">Wanaka Ski Package</a></li>
</ul>
</li>
<li><a href="gardentours.asp">Escorted Garden Tours</a></li>
<li><a href="lawnbowls.asp">Escorted Lawn Bowls Tours</a></li>
<li><a href="steamtrain.asp">Escorted Steam Train Tours</a></li>
<li><a href="warbirds.asp">Escorted Warbirds Over Wanaka Tours</a></li>
<li><a href="independentintrepid.asp" >Independent Intrepid Holidays</a>
<ul>
<li><a href="indeintregourmet.asp">Gourmet Wine</a></li>
<li><a href="indeintreculture.asp">Culture & Heritage</a></li>
<li><a href="indeintrecycle.asp">Cycle Touring</a></li>
<li><a href="indeintrewalking.asp">Walking Holidays</a></li>
<li><a href="indeintreactive.asp">Active Outdoors</a></li>
<li><a href="indeintrewildlife.asp">Wildlife Encounters</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="customised.asp" >Customised Vacations</a>
<ul>
<li><a href="honeymoons.asp">Honeymoons</a></li>
<li><a href="luxurylodge.asp">Luxury Lodge Vacations</a></li>
<li><a href="familyholidays.asp">Family Fun Holidays</a></li>
<li><a href="offtrack.asp">Off The Beaten Track</a></li>
</ul>
</li>
<li><a href="accommodation.asp" >Accommodation</a>
<ul>
<li><a href="accommodation.asp">Accommodation Used in Our Tours</a></li>
<li><a href="hotels.asp">Hotel Information</a></li>
-
How to use Home Hub 3 as a 2nd router(access point...
Hi guys hope you can help; I am trying to add my Home Hub 3 as a 2nd router (ie an access point) to my home network and struggling.
What am I trying to achieve.
I have a fully functioning home network which is working great but the wireless range does not extend to the room above my garage, some distance away from the main house. I currently service it with an Ethernet link from my E4200 router, via the mains wiring, to link to a PS3 there. But I want to extend this to have a wireless network in the remote room so I can link multiple devices - rather than spend more money, deploying a 2nd router which I already have is preferable.
What have I got.
I have a Linksys E4200 router (nice piece of kit) attached to my ADSL line via a Belkin N1 wireless modem-router set to “modem only” mode (I was using a DSL modem until yesterday but that went AWOL and digging out the Belkin router I saw that it had a modem only function – and it/they worked first time )
All of my gear in the house is attached wirelessly to the E4200 which is delivering circa 11.5mbps from a maximum of 12.5mbps for the line measured by BT onsite. So all is fine there.
What have I done to try and use the HH3
Linked an Ethernet cable between one of the Ethernet ports on the E4200 to a mains plug.
Linked an Ethernet cable from a mains plug to one of the Ethernet ports on the HH3 router.
Ie as the PS3 was linked.
3. Switched on the HH3 router: the power light is solid blue, the wireless light is solid blue, the broadband light is off
4. Connected my laptop to the HH3 network and loading up a web page on IE9 displays a web page from bthomehub.home/etc etc with title BT Home Hub and a message “Can’t connect to Broadband”. It is the start of a self- diagnostic routine. Answering all the questions I eventually get a Home Hub Administrative Home Page displayed.
Is there a quicker way of getting to this admin page??
5. I switched off DHCP
I changed the IP address from 192.168.1.254 to 192.168.1.200 as this seems to be what the other threads on this subject did.
When I went to apply the change a message came up telling me that I might not be able to access the HH3. I ploughed on disregarding this and needless to say I could not then access the HH3 via the web interface and trying to access a web site nothing happened.
6. I did a hardware reset on the HH3
7. Going through the motions again, when I got to the admin pages again, I switched off DHCP and this time left the IP address alone, ie 192.168.1.254.
When I went to apply this I got the message
“After changing these settings you will need to renew the IP address of all devices connecting to your BT Home Hub. Please follow the instructions provided with your devices.”
I applied the change – but have not yet done any fooling around with IP addresses on my laptop because I don’t want to start mucking around with my laptop
I then tried to access a website, and failed, but on this occasion rather than nothing happening, the Home Hub website came up again displaying the error message page.
And that is where I stand. All looks so easy when reading other threads on this and other forums but it is not working for me.
Any help greatly appreciated.
The IP settings on the E4200 are
IP 192.168.1.1
Range 192.168.1.100 to 192.168.1.149
Also connection type on the E4200 is POE not POA – as far as I recall that is what it needed to be to connect to the DSL modem and work.Thanks for the speedy reply!
I have actually came across this page before - I seem to hit a snag when I connect the repeater hub (my HH3). As outlined, I have at all times kept the repeater hub connected via ehternet into one of the regular LAN ports to my main HH5.
But when I connect my laptop to the repeat hub (HH3), I am actually connected to the internet somehow (I assuem using the HH5 network) but under my network connections it says I am connected to the HH3. As a result, when I go to the homehub settings page 192.168.1.254, it brings me to the main HH5 settings page and not the repeater HH3.
According to the instructions it says I should "Ignore the not connected page", but I am connected and I cant seem to alter any of the settings on my HH3 while it is connected to the HH5.
Any other pointers?
Thanks! -
Issue while opening BI4 webi report instance using CMC on IE8 browser
Hi,
Having issue while opening BI4 webi report instance using CMC on IE8 browser.
Steps to reproduce the error:
1. Login to CMC
2. View Webi History.
3. Open successful instance (For the 1st or 2nd time reports are opening up, from the 3rd time it just freeze the session)
4. After it get freeze we need to close the IE using Task Manager.
Can any one please suggest a resolution for this issue.
Thanks,
Ganesh.MHello Gokul,
first thing is to check is if your chrome version is supported by your current BO version as specified in the PAM (is it?). If the chrome version is supported, and you still have an issue, then you can check with a sap support engineer.
best regards,
Victor -
Firefox will not start; new profile fixes it for 1 time, then 2nd time its back to broken
Windows 7 x64, ff3.6.8
ff3 will not run, clicking on .exe will not begin any app in taskmanager. the most i get is when clicking ff3 from the taskbar in win7 it will flash as if it is trying to do something, but nothing happens and the flashing stops.
uninstalled ff3.6.5; reinstalled 3.6.8, still same issue.
i created a new profile and started ff3, ff3 started & i got to a generic home page. i closed ff3, copied my bookmark file from the default profile to the new profile, restarted ff3, same problem as in the beginning.
i created a new profile & again it starts up, but when i close out, even without copying the bookmarks over (i was assuming that was the corrupted file), it will not run the 2nd time.
i have done this for 7 profiles and all of them work the first time, but none will work after that even without copying any profile information from the original default profile.
in addition i cut all the profiles out of the profile folder and cc'd to another location on another drive thinking that'd prevent the default from corrupting the other files, nothing.
brief history(sorry for the long post)
I ran a windows update prior to leaving on vacation, shut the PC down & when I came back the pc wouldnt boot. reset my bios to default and finally got back into windows & it finished the update.
when i got back in, ff3 was giving me problems and kept hanging up for some reason. so i hard reset & tried to implement my OC profile in bios. i was not able to get back into windows w/ my OC profile again, so i again went back to default bios.
ever since then ff3 will not work. ie8 works fine, no viruses reported thru mse, i cant figure it out!
any help would be greatly appreciated, thanks.well i kinda fixed it i spose...
i deleted everything in appdata under mozilla & macromedia and deleted the plugins folder from my installation folder for ff3. uninstalled ff3, reinstalled ff3. now everything works fine. just have to redo my bookmarks & settings.
sorry to waste anyone's time...but hopefully if someone else has the problem, now they can fix it. peace. -
How do i remove the border from the top of an image when my dreamweaver project is shown in IE8?
Hi,
I have a simple holding page...
http://www.mjcaudioservices.com
When viewed in IE7, the page displays as I have intended, with the image butted up to the very top of the page. However, I have just upgraded to IE8 and the border "0" setting I have appears to be ignored.
Does anyone know why this happens in IE8 and how to fix?
Many thanksStar!
Thank you -
2nd Gen iPod shuffle is not recognized by iTunes or computer
I read the other posts about people's 2nd Gen Ipod shuffles not being rcognized by iTunes or their computer, but none of them seemed to fit.
I have had my iPod shuffle for less than a week. Last time I had my iPod connected to iTunes in the "Settings" section I clicked "Do not automatically open iTunes and synch with iPod" or something along those lines. I assumed this meant iTunes wouldn't always open when I plugged it in to charge it.
However, now when I plug it into my computer, iTunes does not recognize it and I get a message from my computer that there is a "USB Device Not Recognized" and the error message reads: "One of the USB devices attached to this computer has malfunctioned and Windows does not recognize it." It shows up as an "Unrecognized Device". I have tried plugging it into a different USB port, and I have also downloaded the "Ipod Reset Utility" to try to reset it to it's factory settings, in case that would allow it to synch up with iTunes again. This does not work. Does anyone know why this is happening, or how I can get iTunes to recognize my iPod again? Thank you!Brand new ipod shuffle (2nd gen). When I plug it into the USB port, a "Disk Insertion" prompt warning appears with the message "The disk you inserted was not readable by this computer." The two options in the prompt window are 'Eject' or 'Ignore.'
Having read other message boards, I decided to plug it into a PC computer and re-formatted it with FAT 32 filing system, but the exact same thing still happens. My MacBook give me the same message when I plug the shuffle to the computer. iTunes does not recognize it that anything is plugged in either.
Any suggestions?
Maybe you are looking for
-
Im trying to use my apple TV to see a movie from my iphone. Since i select the airplay icon on my phone, i can only hear the voice of the movie on my screen but i cant see the movie, can anybody help me pls? Tks
-
How to Auto open PS CS3 instead of CS5
Clicking on a .psd file opens photoshop CS5. Is there a way to automatically open CS3 instead? I have changed the "open with" info several times but still I get CS5. My next step will be to rename the app or uninstall it. Thanks.
-
How to change the display in the waveform graph to enable higher frequency displays.
I am working with waveforms of very high frequencies upto 2MHz. When the frequency of the waveform is increased above 500Hz, the display in the waveform graph goes blank. Please help me. Thanks
-
WLST : ImportError: no module named javaos
Hi, I try to run wlst on a platform linux but at the time I launch wlst I obtain the following error: ImportError: no module named javaos my classpath contains wlst.jar,jython.jar, and weblogic.jar, tools.jar, rt.jar, etc. pythonpath, pythonhome are
-
IPhone5S hangs up frequently after upgrading to IOS 8.0.2
After upgrading to IOS 8.0.2 My Iphone 5S hangs up a lot , almost everyday. Many times d screen goes completely blank & I have to restart the phone again again inorder to keep it working. i wonder is it d problem only i am facing or any1 else who has