Spry menu in IE showing as a white box????!!!! : /
Hi All!
Not sure what's happening, but the spry menu i created in DW
is showing as a solid white box in IE?!!?!? Here's the site i'm
working on: http://mariasdesignportfolio.com/IC/
If there's something in the CSS that's not compatible or what-
ever the case may be, please let me know...much appreciated!
Thanks! : )
p.s. Happy (almost) New Year!
At the bottom of SpryMenuBarHorizontal you have
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
Either change the colour or remove the line.
Gramps.
PS In case you want to ask why the horizontal sub menu items, have a look at
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
z-index: 1020;
cursor: default;
width: auto;
position: absolute;
left: -1000em;
height: auto;
top: auto;
Where you have given the submenu all the width that it needs. To fix the problem, give the width some value like 8em.
Similar Messages
-
SPRY MENU BAR SUBMENUS-Showing up Under other Page Content
Hello. I need help. My spry menu bar is showing up beneath content located in another div tag. My code is as below.
<!DOCTYPE html>
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>NEW TEMPLATE</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
.wrapper {
background-color: #fffee8;
margin: auto;
padding: 5px;
height: auto;
width: 980px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
text-align: left;
color: #FFF;
position: static;
overflow: visible;
.header {
margin: 0px;
padding: 0px;
height: auto;
width: 980px;
background-color: #fffee8;
border: 0px solid #09C;
.logoarea {
margin: 0px;
padding: 0px;
height: auto;
width: 980px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-image: url(/Graphics/LOGOS%20AND%20BANNER/GRADIENTHEADER3.jpg);
.navbar {
background-color: #666;
height: 30px;
width: 980px;
margin: 1px;
padding: 1px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
.subnavmenu {
background-color: #CCC;
height: 30px;
width: 980px;
font-family: "Felix Titling", "Engravers MT";
font-size: 14px;
font-style: normal;
line-height: normal;
color: #999;
text-decoration: blink;
margin: 0px;
padding: 0px;
border-top-color: #333;
border-right-color: #333;
border-bottom-color: #333;
border-left-color: #333;
.leftcontent {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
color: #333;
padding: 5px;
height: auto;
width: 485px;
margin-right: 0px;
margin-left: 0px;
border: 0px none #CCC;
background-color: fffee8;
.rightcontent {
background-color: #333;
padding: 5px;
height: auto;
width: 450px;
margin-right: 5px;
margin-left: 5px;
border: 5px ridge #06F;
float: right;
font-family: Arial, Helvetica, sans-serif;
color: #FFFee8;
font-size: 12px;
position: static;
.footer {
background-image: url(/Graphics/MORGAN%27S%20PIC.jpg);
background-repeat: repeat;
margin: 0px;
padding: 0px;
height: 165px;
width: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
text-align: center;
clear: both;
color: #666;
position: relative;
left: 0px;
bottom: 0px;
#logo {
position:relative;
left:auto;
top:-5px;
width:272px;
height:auto;
z-index:1;
#apDiv4 {
position:relative;
width:544px;
height:53px;
z-index:1;
background-color: #fffee8;
float: right;
-->
</style>
<style type="text/css">
<!--
#apDiv2 {
position:absolute;
left:857px;
top:123px;
width:49px;
height:50px;
z-index:1021;
#apDiv3 {
position:absolute;
left:956px;
top:122px;
width:150px;
height:50px;
z-index:1022;
#apDiv5 {
position:static;
width:200px;
height:auto;
background-color: #FFFEE8;
float: right;
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:439px;
top:23px;
width:336px;
height:155px;
z-index:1021;
#apDiv6 {
position:relative;
left:0px;
top:0px;
width:154px;
height:153px;
z-index:1021;
float: right;
-->
</style>
<script src="/Web Site Root Folder/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</script>
<link href="/Web Site Root Folder/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
<body background="/Graphics/LOGOS AND BANNER/GRADIENT BACKGROUND 5-8-12.png" class="body" id="body" onLoad="MM_preloadImages('/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png')">
<div class="wrapper" id="wrapper">
<div class="header" id="header">
<div class="logoarea" id="logoarea"><div id="apDiv6">
<p> </p>
<p> </p>
<p><br/>
<a href="http://www.facebook.com/pages/Mifflin-Juniata-Special-Needs-Center-Inc/129756770511336" target="_blank" align="left"><img src="http://www.niftybuttons.com/blackink/facebook.png" width="60" height="59"></a><a href="https://twitter.com/MJSNC1" target="_blank" align="left"><img src="http://www.niftybuttons.com/blackink/twitter.png" width="57" height="59"></a>
<br/>
</p>
<p>
<!-- Facebook Badge END -->
</p>
</div><div id="apDiv4" >
<script>
(function() {
var cx = '004600001770955757780:ub1su5xae54';
var gcse = document.createElement('script'); gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
</script>
<gcse:search></gcse:search></div>
<div id="logo" onClick="document.location.href='http://www.mjsnc.org';" style="cursor:pointer;"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><img src="/Graphics/LOGOS AND BANNER/slogan and logo editable_edited-2.png" width="244" height="242" alt="Mifflin-Juniata Special Needs Center, Inc."></div>
<a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a></div>
<div class="navbar" id="navbar">
<img src="/Graphics/LOGOS AND BANNER/navbar_edited-3.jpg" alt="navigation menu" width="980" height="25" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="59,4,149,24" href="/NAVBAR/ABOUT US/AboutUs.html" target="_parent" alt="About Us">
<area shape="rect" coords="157,3,255,23" href="/NAVBAR/CONTACT US/ContactUs.html" target="_parent">
<area shape="rect" coords="263,4,423,22" href="/NAVBAR/BOARD OF DIRECTORS/BoardOfDirectors.html" target="_parent">
<area shape="rect" coords="429,3,578,22" href="/NAVBAR/VISION AND MISSION/MissionVisionStatementsAdopted2012.pdf" target="_blank">
<area shape="rect" coords="586,3,698,23" href="/NAVBAR/GET INVOLVED/GetInvolved.html" target="_parent">
<area shape="rect" coords="704,5,815,24" href="/NAVBAR/DONATE NOW/DonateNow.html" target="_parent">
<area shape="rect" coords="822,5,920,24" href="/NAVBAR/AFFILIATES/Affiliates.html" target="_parent">
</map>
</div>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Adults</a>
<ul>
<li><a href="/SUBNAVMENU/ADULT REC/ADULT REC.html">Adult Rec</a></li>
<li><a href="/SUBNAVMENU/ADULT TRAINING FACILITIES/AdultTrainingFacilities.html">Adult Training Facilities</a></li>
<li><a href="/SUBNAVMENU/FAMILY LIVING/FAMILY LIVING.HTML">Life Sharing</a></li>
<li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">Summer Rec</a></li>
<li><a href="/SUBNAVMENU/AKTION CLUB/AktionClub.html">Aktion Club</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Youth</a>
<ul>
<li><a href="/SUBNAVMENU/AFTER SCHOOL PROGRAM/AfterSchool.html">After School Program</a></li>
<li><a href="/SUBNAVMENU/CHALLENGER/Challenger.html">Challenger Division</a></li>
<li><a href="/SUBNAVMENU/EARLY INTERVENTION/EarlyIntervention.html">Early Intervention</a></li>
<li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">Summer Rec</a></li>
<li><a href="/SUBNAVMENU/T-BALL/TBall.html">T-Ball</a></li>
<li><a href="/SUBNAVMENU/TEEN CLUB/TeenClub.html">Teen Club</a></li>
<li><a href="/SUBNAVMENU/TRAINING N TRANSITION/TrainingTransition.html">Training & Transition</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Events</a>
<ul>
<li><a href="/SUBNAVMENU/EVENTS/LipSync.html">Lip Sync</a> </li>
<li><a href="/SUBNAVMENU/EVENTS/Fundraisers.html">Fundraisers</a></li>
<li><a href="/SUBNAVMENU/EVENTS/AnnualPicnic.html">Annual Picnic</a></li>
<li><a href="/SUBNAVMENU/EVENTS/TouringFriends.html">Touring Friends</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Employees</a>
<ul>
<li><a href="/SUBNAVMENU/MEET OUR STAFF/MeetOurStaff.html">Meet Our Staff</a></li>
<li><a href="/SUBNAVMENU/AGENCY WITH CHOICE/AgencyWithChoice.html">Agency With Choice</a></li>
<li><a href="/SUBNAVMENU/EMPLOYEE ACCESS/RegisterPage.html">Employee Access</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Other</a>
<ul>
<li><a href="/SUBNAVMENU/EDUCATION & THERAPY/EducationandTherapy.html">Education & Therapy</a></li>
<li><a href="/SUBNAVMENU/EQUIPMENT LOAN/EquipmentLoan.html">Equipment Loan</a></li>
<li><a href="/NAVBAR/VOLUNTEER/Volunteer.html">Volunteer</a></li>
</ul>
</li>
</ul>
<div class="subnavmenu" id="subnavmenu"> </div>
</div>
<div class="rightcontent" id="rightcontent"><!-- TemplateBeginEditable name="editrightcontent" -->
<p>Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet. Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis, aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue nisl diam. </p>
<p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet. Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis, aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue nisl diam. </p>
<p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet. Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis, aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue nisl diam. </p>
<p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh accumsan velit illum. </p>
<!-- TemplateEndEditable --></div>
<div class="leftcontent" id="leftcontent"><!-- TemplateBeginEditable name="editleftcontent" -->
<p>Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet. Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis, aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue nisl diam. </p>
<p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet. Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis, aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue nisl diam. </p>
<p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet. Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis, aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue nisl diam. </p>
<p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh accumsan velit illum. </p>
<!-- TemplateEndEditable --></div>
<div class="footer" id="footer"><a href="/NAVBAR/CONTACT US/ContactUs.html">Contact Us </a>| <a href="/NAVBAR/ABOUT US/AboutUs.html">About Us</a> | <a href="/FOOTER AND DISCLAIMER/Disclaimer.pdf">Disclaimer</a></div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/Web Site Root Folder/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"/Web Site Root Folder/SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
cursor: default;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 1;
list-style-type: none;
position: relative;
text-align: center;
cursor: pointer;
width: 191px;
height: 30px;
float: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #CCC;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 5;
list-style-type: none;
z-index: 1020;
cursor: default;
position: absolute;
left: -1000em;
width: 9em;
height: auto;
clear: both;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 15em;
border: thin solid #666;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
height: 30px;
width: auto;
padding: 0px;
background-color: #CCC;
text-decoration: none;
margin: 0px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #424edd;
font-size: 16px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left; -
On my new MacBook Pro when I am connected to the internet via an Ethernet cable, Facebook pictures do not load. They show up as white boxes with blue question marks. This also happens on a website editor. But, when I am connected to the internet via Wifi, everything load properly. This is my work computer, so I have to be able to connect through the Ethernet cable to access everything. Please help me!
I mostly use Safari. But I also tried it on Firefox, Mozilla, and Camino. Mac OS X. It's my work computer, so I've only tried it at the office. I have to be connected through the Ethernet cable to access my files and email on the server.
-
Chinese characters show up as white boxes when doing captions
I am using Premiere Pro CC 2014 on a late 2013 MacBook Pro. I am trying to add Traditional Chinese subtitles to my video. I have imported a .dfxp file and added it to the timeline on V2 above my video track on V1. I have rendered the timeline. I have activated the closed captioning display. When I view the .dfxp file in the Captions Window, I can see the Chinese characters in the text boxes with their associated in and out points on the timeline. THE PROBLEM: IN THE PROGRAM MONITOR WINDOW, THE CHINESE CHARACTERS SHOW UP AS WHITE BOXES INSTEAD OF THE CHINESE CHARACTERS.
I have added all of the available Chinese fonts from Adobe Typekit. I have restarted Premiere to see if adding these fonts did anything to help. It did not. My question: how can I get the Chinese characters to appear instead of the white boxes?
Here's what it looks like:Thanks for the post -- I'd file a bug report on this.
-
Spry menu does not show sub menu on iPhone
Hi there,
Spry menu bar from CS6 does not show sub menu on iPhone. Please help.
Thanks,
Tee
<TAI was debating Sudarshan's
if your Spry menu is triggered on 'hover', it will not work on an iPhone as touch-screen phones cant do 'hover'.
any menu with NO hover (mouseover) effect or trigger will work on touchscreen devices. Pick a menu plug-in that doesn't have any associations to 'hover' factor.
as most touch-enabled menus will still contain hover rules or mouseover javascript handles. Even most JQuery menus will contain :hover rules.
There is no disagreement about that with you, Al. -
Spry Menu Border not showing, please help?
Hi,
New to this forum, so I would be grateful of some help.
I am creating a horizontal spry menu bar, I am playing about with it at the moment and this is the code for the ul.MenuBarHorizontal li:
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
float: left;
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 10px;
border-top-color: #FF00FF;
border-right-color: #FF00FF;
border-bottom-color: #FF00FF;
border-left-color: #FF00FF;
The design view shows me that there is a border present (not the actual colour but a transparent 10px bored in design view) Then when I preview in browser it doesn't show anything at all, just normal- no border at all?
I am pretty new to web design so simple terms would be much appreciated!
Thanks in advanceTry
ul.MenuBarHorizontal li {
border: 10px solid #ff00ff; -
Thumbnails showing up as white boxes / squares.
I recently loaded up iPhoto and went through the library and deleted a whole bunch of photos - mostly poorly taken shots or things that I no longer want around. When I went back into iPhoto, all of those photos I delelted are now showing as white boxes and making iPhoto run exceedingly slow! I searched around on this forum and found a couple similar problems but nothing exactly on target. I tried rebuilding the library (started iPhoto with the command-option keys down) but that didn't work either.
Any other ideas?Daniel:
Welcome to the Apple Discussions. How did you go about deleting the files? From within iPhoto and then empty the iPhoto trash? Or did you delete them from the Finder? If it was from the Finder see if this will help:
How to recover those photos lost due to renaming or moving in the Finder
1 - make a backup copy of your iPhoto Library folder
2 - do a search of just the iPhoto library folder with the following criteria:
File name contains ".jpg" and File size is less than 1 KB.
That will find all of those zero sized files that were created when iPhoto couldn't fine the originals.
3 - move those zero sized image files to the trash.
4 - now delete those "bad" photos from the iPhoto library using the normal method. (you don't have to but if you don't they will be recovered every time you do a library rebuild with the "recover orphaned photos" option selected).
5 - launch iPhoto with the Command+Option keys depressed and when the rebuild menu comes up select the last option, "Recover orphaned photos in the iPhoto Library folder"
This will recover those renamed files and put then in a new roll. The only downside is that their titles in iPhoto will be "Roll xx-1, etc. You can do a Get Info on them, find the actual file name and change the title so they are the same.
So it can be done with a little work. -
I'm uploading 2 flv files to our website. Both flv files were edited with Media Encoder to be changed into flv. This is not the first time I have uploaded flv files to our site. We add our tv ads via flv, on average, every 2 months or so. The procedure is always the same and I did nothing different with these new flv files. However, this time, the flv files are showing up as a white box on our site instead of loading the flv players as usual. The "live view" in Dreamweaver shows the videos correctly...the flv player loads and I can watch the tv ads.
I took both ads off the page and added an old tv ad, just to see if it would work and it worked beautifully. But when I put the 2 new tv ads back on, I get the white box again. I have revisited Media Encoder and redited the tv ads, added the reedited ads back to Dreamweaver, and reuploaded, but still I get the same white box. I compared the code from the old tv ad and the new ones and the code is exactly the same (except for filename, of course). I checked to see if the new tv ads were made differently from our old ones and they were not. The expressinstall and swfobject scripts are uploaded to our site already since we use various flash files on the site (don't know if this even matters!). And each time I upload, it is uploading the skin and progressive player as well.
I am at a loss! Nothing should have changed with our hosting company. I took an old, working tv ad off our website in order to put the new ones on. I have no idea where to go from here. The specific page on our site is www.ourphf.com/currentad.html. I've tried uploading the new videos in all different sizes as well, thinking maybe it was a size issue. Please help!Your video isn't showing up because your SWF file is blank
http://www.ourphf.com/FLVPlayer_Progressive.swf
Is this the actual name of your FLV file?
PHF_%231_1-23-13_1
If not, you should rename your file without any special characters.
Nancy O. -
Missing thumbnails showing up as white boxes
I have completed transferring in my Aperture library, but the majority of the thumbnails are now empty white boxes! Clicking on them reveals the correct photo, but I am still left with a blank white thumbnail.
Any suggestions beyond repairing the library, which I have already tired?
Thanks.had the same problem and repairing the library doesn't fix it either as before with iPhoto. If your thumbnails haven't shown up by now you can regerate it by renaming the thumbnails folder/deleting it.
Quit Photo
Open Finder and Go to Pictures folder > find the Photo's Library icon
Right click or two finger tap if you have a trackpad
Select show package contents
Find the Thumbnails folder rename to .old or delete it by right clicking or two finger tap on the thumbnail folder.
Relaunch Photo's and the Thumbnails folder slowly increase in size as it regenerates all the thumbnails.
If you have a large library it can take a while but thats what I did to get it fixed for me. -
Album art showing up as white box on iphone
I have an issue with album art displaying in the ipod app on my iphone. If you take a look at the pic linked here: http://yfrog.com/0rimg0091up
When albums dont have album art they show up with a generic grey music icon (#1 in the image), but I have albums with artwork in itunes, but the iphone displays the art as a white blank square (see #2 in the image).
Anyone have this issue or can suggest a solution? Thanks.I just noticed this on my phone today.
17 out of 360 albums have 'white box' artwork.
I'm sure they were showing up previously, and I haven't recently synced my phone either.
Tried turning off & turned back on, but still the same.
Interestingly, when you actually play any tracks from the album or browse in horizontal 'cover flow' view, the artwork displays fine.
It's only in the 'artists' or 'albums' list view that they display incorrectly.
weird. -
Iphone4 pictures showing up as white boxes
I have an iphone 4 and lately everytime I take a picture whether it is from the lock screen or not, the pictures turn up as white boxes. Some of my pictures are now multiples as well. What happened and how can I fix this?
Depending on your iOS, Software Updates or recent iPhoto usage it could be a variety of things.
I quote,"
Some sort of corruption is happening or has already happened.
Are these images viewable on the iphone in the camera roll?
Do you have any camera apps on your iphone other that the Apple Camera and Photo App? Such as a different camera app, a cropping app, any other viewing apps?
First thing I would do, is remove all the photos from the iPhone using Image Capture (import and delete) but don't import them to iPhoto, just import them to a folder on your Mac.
You may get errors when trying to import them, if you do, they are definitely corrupt, and probably unrecoverable, so you will just have to delete them using Image Capture.
If you get no errors, once they have been imported, see if you can open them with Preview. If you can they are OK, if you can't view them, they are corrupt.
Once the iPhone is empty of photos from the camera roll, unsync iPhoto.
If you are using any other camera/photo apps on the iphone, remove them.
Reboot the iphone
Re-sync the iPhoto to your iphone.
Make sure that you can view photos in the Photo App, that you have resynced to your iPhone.
If all appears OK, take some photos, view them in the iPhone and then see if you can import them.
If they become corrupt again, there is a problem that needs to be looked at.
Now if everything appears to be working and you had removed some 3rd party apps, check in iTunes that you have the latest version and then resync them, but only one at a time and then check again after each has been installed and used, to see if corruptions occur again.
If the corruption occurs again, then remove the problem App again and make sure the problem goes away again. If it does, don't reinstall that App, as there is some sort of issue with it.
Hope this helps." -
Spry Menu Bar not showing up in Internet Explorer 7
So, after hours of playing with CSS code yesterday and today,
I finally got my Spry navigation bar laid out the way I would like
it to display in Safari. It look a very long time for me to
customize it the way I wanted it, but it the end, it turned out
fine.
Then... to my horror, I jumped into Internet Explorer 7, and
there is no navigation bar to be seen. I've heard of some problems
when viewing Spry menus in different browsers, but I never heard of
the menu simply not being displayed.
Any ideas on why this would occur? You can view the page I'm
working on
here.
Any insights would be greatly appreciated. Thanks!I am sorry, but I do not see a SpryMenuBar in your document nor do i see a problem with the menubar that you do have. I have tested in IE7+
Gramps -
Spry menu bar not showing submenus
I am having a problem with my spry vertical menu bar. It works just fine on my machine, but on the live server the submenus will not display. The website in question is www.staffords-catalog.com. The company I work for uses asp, so I pasted the following code into the <head> of the default.asp page.
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
I pasted the following code in the <body> where the menu goes.
<ul id="MenuBar1" class="MenuBarVertical">
What am I doing wrong?The following code is in my index page, but not in the default.asp page. It's at the bottom of the page, right after the code for the image maps and the table which contains the ads. There is some code after it, for the contact information and the list of linked keywords at the bottom of the page.
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script> -
SPRY Menu Bar not showing up in Explorer. HELP!
Does anyone know why this happens? I need assistance quickly if you do. You can see the site at http:www.emeraldtowing.com
THANKS!
RyanI am sorry, but I do not see a SpryMenuBar in your document nor do i see a problem with the menubar that you do have. I have tested in IE7+
Gramps -
I guess this is a question for mozilla dev.
It will be better if you submit a bug with how to reproduce. Submit a bug here: https://bugzilla.mozilla.org/enter_bug.cgi
Maybe you are looking for
-
How to remove tooltips from more than one field at a time?
I use the wizard and now there are more than 2000 fields with useless tooltips on each of them. How do I remove all the tooltips at once?
-
How to identify the last usage of 8i database?
Hi All, We are in process of decommissioning our old databases. I need to know the last usage of a 8i database. Is the any v$ views or DBA views to identify that? Thanks Aruna
-
JavaScript in Form Acts Differently in Acrobat X and Reader X
I have a fillable PDF form whose Submit button calls this JavaScript: this.mailForm(true); When I open this form in Acrobat X Pro and hit the submit button, a mail dialog box comes up as I would expect. When I open this form in Acrobat Reader X and h
-
Having searched this forum for some advice on color correction, I've found some links to some very useful information. I was wondering if anyone could also recommend some more detailed information on color correction. Books, or DVD tutorials. One spe
-
Run App Engine through command line but have it show up in Process Monitor
We are trying to run Application Engine through command line and have it show up in the Process Monitor. We have successfully ran the Application Engine through command line. We also can successfully run the Application Engine through PIA. Only when