Tranparent "blocking" in IE7
Am having an issue where charts and images with a transparent background are showing a weird box in IE7.
Has anyone run into this issue?
If so do you know a fix??
Thanks.
After further testing I came to the conclusion this is not in fact an IE issue as it appears in FF as well.
I was testing on a machine that uses an Inte l board with integrated graphic that only pump out 15bit (yes 15) graphics.
Hope the client has a nicer machine!
Similar Messages
-
How can you add your own print and export buttons to the CR viewer toolbar?
I posted a previous question that was asking how to get around the Information Bar in IE7 when you export and print. Unfortunately the CR viewer file download code gets blocked by IE7 because the buttons don't directly download the file. However, I have been able to get a regular button that calls the following code and streams the file to the client and IE7 does not block it.
Sub PrintPDF(sender As Object, e As System.EventArgs)
Dim crReportDocument as ReportDocument
Dim crExportOptions as ExportOptions
Dim crDiskFileDestinationOptions as DiskFileDestinationOptions
Dim Fname as string
CrReportDocument = New ReportDocument()
CrReportDocument.Load(Server.MapPath("estactionlist.rpt"))
Fname = Server.MapPath("./") & Session.SessionID.ToString & ".pdf"
CrDiskFileDestinationOptions = New DiskFileDestinationOptions()
CrDiskFileDestinationOptions.DiskFileName = FName
CrExportOptions = crReportDocument.ExportOptions
With crExportOptions
.DestinationOptions = CrDiskFileDestinationOptions
.ExportDestinationType = ExportDestinationType.DiskFile
.ExportFormatType = ExportFormatType.PortableDocFormat
End With
CrReportDocument.Export()
Response.ClearContent()
Response.ClearHeaders()
Response.AddHeader("content-disposition", "attachment;filename=test.pdf")
Response.ContentType = "application/pdf"
Response.Charset = ""
Response.WriteFile(Fname)
Response.Flush()
Response.Close()
System.IO.File.Delete(Fname)
End Sub
So here are my questions?
1. Is it possible to add a custom print control/icon to the CR viewer toolbar?
2. If one is not possible, then is it possible to override the CR viewer print and export buttons with your own subroutines like the one above?
I just want my page to look nice and hate to have print and export buttons outside of my CR viewer.
Thanks,
KevinIt might be possible to replace the buttons in a windows app since you can retrieve the toolbar as a toolbar object in the winform viewer ( ToolStrip toolBar = (ToolStrip) crystalReportViewer1.Controls[3]; ) however with a web app, it's a lot more difficult.
The problem is that that you need to parse the Request string to try and figure out if the print / export button was clicked. The code below makes the print button disappear if you click it, so you should be able to modify it to call your custom printing / exporting code instead (You have to do this check in a postback)
Dim I As Integer = 0
If Request.Form.AllKeys.Length > 0 Then
For I = 0 To Request.Form.AllKeys.Length - 1
Response.Write(Request.Form.Keys(I).ToString & "<BR>")
If Request.Form.Keys(I).ToString = "CrystalReportViewer2:_ctl2:_ctl2.x" Then
CrystalReportViewer2.HasPrintButton = False
End If
Next
End If
Shawn -
New window blocking current webpage in IE7 & above
Hi,
I've noticed different behavior in IE6 and IE7 and later versions. We have a webpage that will open a new window (window.showmodaldialog) upon clicking submit.
In IE6, when I clicked submit and while waiting the webpage A to load, I open another webpage to read. When the webpage A finish loading, a new window will bring to background and did not block the current webpage which I was reading.
However, in IE7 and later versions, the new window will bring to foreground and block the current webpage which I was reading. I have tried all settings and modifying the registry as per advice online to force the new window to background and not to steal
the focus but to no avail.
Is it a bug or it is a new design in IE7 and later versions?
Please advice. Thanks in advance.I have no IE6 to test it, but based on my knowledge, window.showmodaldialog will show a modal dialog which you cannot set focus on your parent window if you don't close the dialog first.
It seems that you need to create a modalless dialog, please try to use
showModelessDialog method.
This method creates a dialog which will not block the current webpage which you are reading.
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey. -
With IE7 deliberately reset to default manufacturer's
settings, I preview my page containing a Spry Menubar and a pop-up
warning at the top of page states "to help protect your security,
Internet Explorer has prevented this page from running scripts or
active X controls... etc". Obviously I can click to allow, or I can
adjust the settings to allow, but I want users to be able to run
the page without having to do that. Firefox works fine, of course.
I tried running a copy of the page without the widget and no pop up
block occurs. Does that mean I cannot use this Spry widget if I am
to avoid hassle for IE7 users? Any help much appreciated.suddensurprise wrote:
> * IE7 blocks active content from being displayed from
files on your local
> drive as a safety measure
> * To enable active content (Javascript, Flash, etc) to
be previewed in DW
> without having it blocked, go to Internet Options >
Security > Advanced and
> tick the option "Allow active content to run in files on
my computer".
Another solution, available in Dreamweaver 8 and CS3, is to
use Commands
> Insert Mark of the Web on affected pages. This inserts
a snippet of
code that stops IE from complaining. Although leaving the
snippet of
code in your page does no harm, you can remove it by running
Commands >
Remove Mark of the Web just before uploading your page to the
remote server.
For more information, Google "Mark of the Web".
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/ -
IE7 on Vista Blocks Spry Menu Widget
I have built 2 sites using Dreamweaver, one is a complete
copy of an Adobe tutorial. They both have a horizontal spry menu widget. They are both fine in live view and when viewed in firefox. But when I try them in IE7 (I am running on Vista) then the submenus won't appear and the IE message "IE has restricted this webpage from running scripts or ActiveX etc" appears
IE7 has lowest (medium) security setting and this doesn't happen when generally browsing web sites which have horizontal menus/submenus
I am seeking reassurance that this is not something which always occurs with Spry Menu widget because if so they would be as much use as a chocolate teapot.
Assuming this is something "funny" is it likely to be a peculiarity of my PC/IE/Op system. I did see another post recently where someone was getting a problem with their Spry menu but when viewed by users on this forum there wasn't a problem. Any specific suggestions would be very much appreciated.
On my own web page (not the tutorial) I also have a formatting issue in IE but that is probably something where I need to work through the CSS.
Thanks in advance,
AdrianArnout - thanks for your lightning fast reply. I was just about to take this down because I had
found this in another post. And when you know the answer it sounds like a rather foolish post!
Because there are so many IE Spry issues its hard to find these answers.
Anyway, thanks again,
Adrian -
IE7: How to block F1 key to show windows help in java applet?
Question
My applet use F1 shotcut key in each popup dialog(JDialog) to show application
help, IE6 works correct, but IE7 shows windows help also besides
applicaiton help.
By the way, when applet got the focus, the windows help do not popped up
when press F1 key. Who can help me?
The owner of the JDialog is sun.plugin.viewer.frame.IExplorerEmbeddedFrame
which is get by the following code:
Frame jFrame = null;
Container f = getParent();
while ((f != null) && (!(f instanceof Frame)))
f = f.getParent();
if (f == null)
jFrame = new Frame();
else
jFrame = (Frame)f;
} //elseIn my testing, I found out that this works in IE7:
<body onhelp="return false;">
But if you call a function that returns false, then it doesn't work, i.e., the following doesn't work:
function donothing() {
return false;
<body onhelp="donothing();">
In the applet codes, this seems to be a problem only when the dialog owner is IExplorerEmbeddedFrame. When I set the owner to null, then pressing F1 no longer pops up IE help window.
Edited by: bkyd on May 8, 2008 2:06 PM -
ok i have looked ever where in internet options i have even
been to java and have not found anything that will let me turn on
flash player can someone help me out with thisSince you mention IE8, I assume that you are on Windows. 32-bit or 64-bit?
Try this:
download the FP uninstaller from http://kb2.adobe.com/cps/141/tn_14157.html (save to disk);
download the FP installers
for Internet Explorer http://fpdownload.adobe.com/get/flashplayer/current/install_flash_player_ax.exe (save to disk);
for all other browsers http://fpdownload.adobe.com/get/flashplayer/current/install_flash_player.exe (save to disk);
close all browser windows and run the downloaded uninstaller;
restart Windows;
run the downloaded installers. -
Spry Menu Bar css not compatible with IE7? or compatibility View on IE8?
Well i've made my website
. Swimmerbuddy.com
Problem:I used the spry menu bar on a div tag. I've got it working fine on several browser and so on.. but hmm. i noticed that IE7 and only on compatibility view of IE8 it does not work...
It seems like the drop down menus get cover by the main content underneath it..
I started of with dwt i made my self.This is the DWT and the css that controll the dwt and the spry menu bar.
PLZ HELP ME.. THANKS
THIS IS THE DWT THAT THE PAGE RUNS ON
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<link href="../CSS/main.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
a:link {
color: #000;
text-decoration: none;
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a:visited {
color: #000;
text-decoration: none;
a:hover {
text-decoration: none;
color: #000;
a:active {
text-decoration: none;
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="networkicons"><a href="http://www.facebook.com/?ref=logo#!/profile.php?id=100001554936595" target="_blank"><img src="../_images/facebook.png" alt="facebook.com" width="45" height="45" border="0" title="facebook.com"/></a><a href="http://www.myspace.com/swimmerbuddy" TARGET="_blank"> <img src="../_images/myspace.png" alt="myspace.com" width="44" height="45" border="0" title="myspace.com"/></a><a href="http://twitter.com/swimmerbuddy" TARGET="_blank"> <img src="../_images/twitter.png" alt="twitter.com" width="43" height="45" border="0" title="twitter.com"/></a><a href="http://www.youtube.com/swimmerbuddy1" TARGET="_blank"> <img src="../_images/youtube.png" alt="youtube.com" width="44" height="45" border="0" title="youtube.com"/></a></div>
<div id="buyNow1">
<p><a href="../order_now.html"><img src="../buynowbutton.png" alt="bt1" width="130" height="25" border="0" longdesc="Order Your Swimmer Buddy Today!!" /></a></p>
</div>
</div>
<div id="mainNav">
<ul id="mainNavcontent" class="MenuBarHorizontal">
<li><a href="../index.htm">Home</a> </li>
<li><a href="../swimmer.html">Swimmer Buddy</a></li>
<li><a href="../order_now.html">Order Now</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">Gallery</a>
<ul>
<li><a href="../photo_gallery.html">Photos</a></li>
<li><a href="../video_gallery.html">Videos</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Zinger Products</a>
<ul>
<li><a href="http://www.winkyscoop.com/">Winky Scoop</a></li>
<li><a href="http://www.1800succeed.com/">Hypmovation</a></li>
<li><a href="http://www.1800succeed.org/">1800SUCCEED</a></li>
<li><a href="http://www.zingerproducts.com">Zinger Store</a></li>
</ul>
</li>
<li><a href="../about.html">About Us</a></li>
<li><a href="../contact.html">Contact Us</a></li>
</ul>
</div>
<!-- TemplateBeginEditable name="mainContent" -->
<div id="pageInfo">
<div id="info_page">
<p class="regionID">Region ID</p>
<hr class="breaklinePageInfo" />
<p class="breadcrum">> <a href="../index.htm">Breadcrum </a></p>
</div>
<div id="mainContent">
<div id="content">
<p>Main Content Goes her</p>
</div>
</div>
</div>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="buynow2" -->
<div id="buyNow2"><a href="../order_now.html"><img src="../buynowbutton.png" width="130" height="25" /></a></div>
<!-- TemplateEndEditable -->
<div id="footer">
<div id="footertext">
<p class="footertextclass">Copyright © 2010 SwimmerBuddy.com. All rights reserved. SwimmerBuddy.com is part of <a href="http://www.zingerproducts.com" class="footertextclass">Zinger Products</a>. Designated Trademarks and brands are the property of their respective owners. This page was last modified Setember 28,2010. Swimmer Buddy - Pattent Pending 2010</p>
</div>
<div id="footerlinks">
<p classs="footerlinkspacing"> <span class="footerlinkspacing"><a href="../Disclaimer.html">Disclaimer</a><a href="../terms.html"> Term of Service </a><a href="../contact.html">Contact Us</a></span>
</div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("mainNavcontent", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
THIS IS THE MAIN.CSS
@charset "utf-8";
#networkicons {
height: 50px;
width: 200px;
margin-top: 160px;
margin-left: 15px;
position: absolute;
#wrapper {
width: 933px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
position: relative;
#mainNav {
text-align: center;
position: relative;
margin-right: auto;
margin-left: auto;
width: 934px;
padding-bottom: 15px;
clear: both;
overflow: visible;
#navwrapper {
width: 935px;
margin-right: auto;
margin-left: auto;
#mainContent {
width: 910px;
padding-left: 10px;
padding-right: 10px;
position: relative;
padding-bottom: 20px;
padding-top: 20px;
#content {
width: 910px;
position: relative;
#wrapper #footer #footerlinks p .footerlinkspacing a {
margin-right: 20px;
#footer {
width: 930px;
background-color: #fff;
position: relative;
margin-top: 5px;
text-align: center;
color: #000;
padding-bottom: 10px;
margin-bottom: 15px;
#header {
width: 930px;
height: 209px;
background-image: url(../_images/header.jpg);
background-repeat: no-repeat;
#buyNow1 {
height: 25px;
width: 140px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-repeat: no-repeat;
color: #666;
padding: 5px;
position: absolute;
top: 160px;
right: 150px;
.buyNow1 {
color: #666;
#wrapper #pageInfo #info_page .breadcrum {
color: #003;
#wrapper #pageInfo #info_page .breadcrum a {
color: #003;
html, body {
margin: 0px;
padding: 0px;
#buyNow2 {
height: 25px;
width: 130px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
padding: 5px;
position: relative;
#wrapper #buyNow2 a img {
position: absolute;
top: -30px;
right: 50px;
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;
#pageInfo {
width: 930px;
background-image: url(../_images/pageinfobackground.jpg);
background-repeat: repeat-x;
background-color:#FFF;
text-align: left;
padding-bottom: 15px;
margin-top: 18px;
position: relative;
overflow: visible;
visibility: visible;
#wrapper #mainNav #mainNavcontent {
position: absolute;
left: 0px;
width: 930px;
.regionID {
font-size: 2em;
font-weight: bold;
color: #FFC;
margin-top: 1em;
margin-bottom: 0em;
text-align: left;
margin-left: 5px;
.breaklinePageInfo {
margin-top: 0.5em;
color: #FAFEAB;
.breadcrum {
color: #003;
font-size: 1.1em;
font-weight: bold;
text-decoration: underline;
margin-top: -0.2em;
margin-left: 15px;
#breadcrum {
font-weight: bold;
color: #003;
#footertext {
width: 910px;
font-size: 0.6em;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
#footerlinks {
width: 930px;
font-size: 0.7em;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000;
position: relative;
margin-top: 10px;
margin-bottom: 5px;
.footertextclass {
color: #000;
.footerlinkspacing {
margin-top: -0.5em;
color: black;
height: 10px;
font-style: normal;
line-height: normal;
font-variant: normal;
letter-spacing: normal;
p {
margin: 0px;
padding: 0px;
body {
text-align: center;
margin-top: 5px;
background-color: #073e78;
background-image: url(../_images/background.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
font-size: 100%;
THIS IS THE dropdown menu.css
@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;
font-size: 100%;
cursor: default;
width: auto;
/* 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
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0px;
padding: 0;
list-style-type: none;
font-size: 100%;
position: static;
text-align: center;
cursor: pointer;
width: 132.8px;
float: left;
overflow: visible;
visibility: visible;
/* 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: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 132.8px;
position: absolute;
left: -1000em;
/* 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: 8.2em;
/* 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
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: #333;
color: #FFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #FFF;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
background-image: url(../_images/bar-top.png);
background-repeat: no-repeat;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #003;
background-image: url(../_images/bar-Bottom.png);
/* 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: #003;
background-image: url(../_images/bar-Bottom.png);
background-position: bottom;
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(../_images/bar-topsub.png);
background-repeat: no-repeat;
background-position: right top;
/* 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
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* 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
background-image: url(../_images/bar-topsubhover.png);
background-repeat: no-repeat;
background-position: right bottom;
/* 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
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
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;
z-index: 1010;
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;
background: #FFF;Thanks a lot for that tip. It does improve it by a whole lot.. i c what my mistake was.. however, something is still off
.. The Drop down menu is not behaving well...
As you may c by the picture, the drop down menu now moves to the right. and is not because of the object to its left, i've modified that. Zinger Products Drop Down Menu also does the same. -
HELP - CS5 - Site works in IE7 but not IE8 or Firefox?
Hope some one can help or pint me in the right direction as i am a complete beginner.
My webpage desplays perfectly in IE7 but not quite correctly in other browsers. Is there a bit of code i can add that will rectify this problem?
My html code is:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BDC Intranet</title>
<link href="styles/check_cs5.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-image: url();
</style>
</head>
<body>
<div id="outerWrapper">
<div id="container">
<div id="header">
<img src="images/logo.jpg" title="" alt="" class="logo" />
<address>
<p>Braintree District Council, Causeway House, Bocking End, CM7 9HB</p></address>
<img src="images/email.jpg" title="" alt="" class="email" />
<img src="images/bdclogo.jpg" title="" alt="" class="bdclogo" />
<ul class="mainNavigation">
<li><a href="index.html">- Home</a></li>
<li><a href="http://bdcintiis/intranet/">/ Library</a></li>
<li><a href="http://bdcintiis/Intranet/Library/">/ Directory</a></li>
<li><a href="http://bdcintiis/Intranet/PeopleDirectory/">/ Forum</a></li>
<li><a href="traffic.html">/ Traffic Report</a></li>
<li><a href="http://bdcintiis/intranet/">/ Local Weather</a></li>
<li><a href="http://braintree-cp01/directory/directory.php?sID=10e1ae435af25009f959623e823f4a62&search= 1&SearchStr=&Items=1">/ Contacts</a></li>
<li><a href="http://bdcintiis/Intranet/Help/">/ Help</a></li>
</ul>
<h1>You are currently at the intranet homepage</h1>
</div>
<div id="column1">
<h2>Links</h2>
<ul class="sideNavigation">
<li><a href="index.html">- Home</a></li>
<li><a href="http://bdcintiis/Intranet/Braintree-Colchester/">- BDC Working</a></li>
<li><a href="http://bdcintiis/Intranet/Organisational+Development+and+Learning/">- BDC Learning</a></li>
<li><a href="http://bdcintiis/Intranet/Social/">- BDC Social</a></li>
<li><a href="http://bdcintiis/intranet/">- Departments</a></li>
<li><a href="http://bdcintiis/intranet/">- Your Ideas</a></li>
<li><a href="http://bdcintiis/intranet/">- BDC Calendar</a></li>
<li><a href="http://bdcintiis/intranet/News/">- News & Events</a></li>
<li><a href="http://bdcintiis/intranet/">- Current Issue</a></li>
</ul>
<div id="braintreeUpdate">
<h5>Local News</h5>
<br />
<script src="http://www.gmodules.com/ig/ifr?url=http://www.ajaxgaier.com/iGoogle/rss-reader%2B.xml& up_title=&up_feed=http%3A%2F%2Fwww.braintreeandwithamtimes.co.uk%2Fnews%2Fbraintree_ne ws%2Frss%2F&up_contentnr=19&up_fontsize=10&up_titlelink=&up_bullet=1&u p_reload_feed=0&synd=open&w=190&h=195&title=&border=%23ffffff%7C3px%2C 1px+solid+%23999999&output=js"></script>
</div>
<h5>Get in Touch</h5>
<img src="images/getintouch.jpg" title="" alt+""/>
</div>
<div id="column2">
<h1>Local News about Braintree District Council</h1>
<h2>Police crack down on motoring offences - click here for more information</h2>
<div id="pageBanner">
<p>Police crack down on<br />motoring offences</p>
</div>
<div class="thumbContainer">
<div class="thumb">
<img src="images/shaping.jpg" title="" alt="" />
<p>We have been trying to keep the momentum of the Shaping up for the Future conferences alive. click here</p>
</div>
<div class="thumb">
<img src="images/cycle.jpg" title="" alt="" />
<p>Serco are taking part in a charity bike ride, from London to Brighton. Click here for more information</p>
</div>
<div class="thumb">
<img src="images/field.jpg" title="" alt="" />
<p>A programme inspired by residents and will officially launch in June and run for two years. Click here</p>
</div>
</div>
<div id="notices">
<h3>Latest BDC Notices and Events</h3>
<p>- Solid pine bedroom furniture - Solid pine chunky rustic bedroom furniture with oiled finish - £150 ono - <a href="http://bdcintiis/Intranet/Notices/?ID=2271">Click here</a><br />
- Toy Story Mania Wii Game + Ray Gun - Disneys Toy Story Mania Wii Game including the Ray Gun for it. £12 - <a href="http://bdcintiis/Intranet/Notices/?ID=2270">Click here</a><br />
- For Sale: Ford Mondeo - 1995 Ford Mondeo (auto) 1.8 LX Taxed & MOT until Oct 2010 £250 - <a href="http://bdcintiis/Intranet/Notices/?ID=2269">Click here</a><br />
- Bon Jovi tickets - 2 tickets for Bon Jovi at the O2 Sunday 20th June 2010 Block 107 on lower tier row E seats 226 and 227 £150 for the pair. - <a href="http://bdcintiis/Intranet/Notices/?ID=2311">Click here</a><br />
</div>
</div>
<div id="column3">
<h2>Links</h2>
<ul class="rightNavigation">
<li><a href="http://bdcintiis/Intranet/Login.htm">- Log into the Content Management System</a></li>
<li><a href="http://bdcintiis/Intranet/Login.htm">- Open the live version of the BDC website</a></li>
</ul>
<h4>A to Z</h4>
<p><img src="images/AtoZ.jpg" title="" alt+""/><br />
<br />
</p>
<h4>Local Weather Update</h4>
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/10916253967 9639397174/weather.xml&up_location=Braintree&up_scale=C&up_title=Braintree& ;up_icons=Google&synd=open&w=188&h=356&title=&border=%23ffffff%7C3px%2 C1px+solid+%23999999&output=js"></script>
</div>
<div id="footer">
<h1>All of the pages on this website are the copyright © of Braintree District Council</h1>
</div>
<div class="advertContainer">
<div class="advert">
<img src="images/bottompics.jpg" title="" alt="" /> </div>
</div>
</div>
</div>
</body>
</html>
My CSS code is:
body { font-size: 100%; font-family: Arial, Helvetica, sans-serif; background: #c0c0c0; margin: 0px; padding: 0px; }
#outerWrapper { width: 1000px; margin: 0 auto; }
#container { width: 980px; padding: 10px; margin: 0 auto; float: left; background: #fff; }
#header { width: 980px; height: 150px; margin-bottom: 10px; position: relative; background: #595959; }
#column1 { float: left; width: 198px; margin-right: 10px; border: 1px solid #adc411; }
#column2 { float: left; width: 560px; }
#column3 { float: left; width: 198px; margin-left: 10px; border: 1px solid #adc411; }
#footer { width: 980px; height: 35px; margin-bottom: 10px; margin-top: 10px; position: relative; background: #595959; }
#header img.logo { position: absolute; top: 5px; left: 10px; }
#header img.bdclogo { position: absolute; top: 5px; right: 5px; }
#header img.email { position:absolute; top: 77px; right: 131px; }
#header ul.mainNavigation { width: 980px; height: 20px; padding:0px; margin: 0px; background: #fff; position: absolute; bottom: 35px; left: 0px; list-style: none; }
#header ul.mainNavigation li { float: left; list-style: none; width: 120px; display: block; background: #fff; }
#header ul.mainNavigation li a { display: block; color: #595959; text-decoration: none; font-weight: bold; line-height: 20px; text-align: center; font-size: 80% }
#header ul.mainNavigation li a:hover { }
#header h1 { color: #fefefe; margin: 0px; padding: 0px; position: absolute; bottom: 10px; left: 10px; font-size: 80%; }
#header address { position: absolute; top: 63px; right: 10px; color: #fefefe; font-size: 75%; font-weight: bold; font-style: normal; }
#column1 h2,
#column3 h2 { background: #adc411; color: #fefefe; line-height: 20px; width: 188px; margin: 0px 0px 10px 0px; padding: 4px 5px; font-size: 95%; }
#notices { float: left; height: 200px; width: 560px; margin-top: 10px; margin-right: 10px; border: 1px solid #adc411; font-size: 80%; }
#notices h3 { background: #595959; color: #fefefe; line-height: 20px; width: 550px; margin: 0px 0px 10px 0px; padding: 4px 5px; font-size: 110%; }
#column2 h1 { color: #adc411; margin: 0px; padding: 0px; font-size: 110%; font-weight: bold; }
#column2 h2 { color: #595959; margin: 0px; padding: 0px; font-size: 80%; }
#column2 #pageBanner { width: 560px; height: 200px; position: relative; background: url(../images/police.jpg) no-repeat center; margin-bottom: 10px; margin-top: 10px; }
#column2 #pageBanner p { color: #fefefe; font-weight: bold; position: absolute; bottom: 10px; left: 10px; }
#column1 ul { float: left; list-style: none; padding: 0px; margin: 0px; }
#column1 ul li { float: left; clear: both; padding: 4px 5px; list-style: none; }
#column1 ul li a { display: block; text-decoration: none; color: #595959; font-weight: bold; font-size: 90%; }
#column1 ul li a:hover { }
#column1 h5 { background: #595959; color: #fefefe; line-height: 20px; width: 188px; margin: 0px 0px 5px 0px; padding: 4px 5px; font-weight: bold; font-size: 80%; }
#column3 ul { float: left; list-style: none; padding: 0px; margin: 0px; }
#column3 ul li { float: left; clear: inherit; padding: 4px 5px; list-style: none; }
#column3 ul li a { display: block; text-decoration: none; color: #595959; font-weight: bold; font-size: 90%; }
#column3 ul li a:hover { }
#column3 h4 { background: #595959; color: #fefefe; line-height: 20px; width: 188px; margin: 0px 0px 5px 0px; padding: 4px 5px; font-weight: bold; font-size: 80%; }
.thumbContainer { float: left; width: 570px; overflow: hidden; }
.thumb { float: left; width: 170px; height: 190px; padding: 5px; margin-right: 10px; background: url(../images/backroundgreen.jpg) no-repeat; font-size: 75%; font-weight: bold; color: #fefefe; }
#footer h1 { color: #fefefe; margin: 0px; padding: 0px; position: absolute; bottom: 10px; left: 230px; font-size: 80%; }
.advertContainer { float: left; width: 980px; height: 35px; overflow: hidden; }
.advert { position: absolute; top: 890px; left: 330px; }I know i am really sorry the page is only a mock up so i dont have a link i could send you.
If you have an email address i could email you the files as they are only small.
If it helps to understand i have 2 screen shots below of how it looks in IE7 & IE8.
Thank you very much for your help.
IE7
IE8 - The left and right green headings are not there and the bottam banner has moved up to the top? -
Problem with IE8 popup blocker and Windowless mode
My team is having popup blocker issue, which is crippling our system where a large range of users are now complaining that their links or buttons will not open in IE7 or IE8 and results in the pop-up blocker message.
Our Flash application's embed code needed wmode set to windowless ('opaque' or 'transparent') since we need to place floating HTML objects over the Flash application. But all links (within static text content) with target set to '_blank' or a custom name and also all navigateToURL() methods with the same target values are now resulting in IE pop-up blocker message once the window mode was changed to 'opaque' (same result also with 'transparent').
We have a AS3 work around for the navigateToURL() method but no solutions for 100s of pages of simple HTML content contributed by users that have links as well as our own Flash static-text content with links.
Here is a simple page created to demonstrate the issue - http://clients.projectmiso.net/photobiz/custom_lightbox/Test_File.html
And the ActionScript 3 code -
var clickFunction = function(){
var targetURL:URLRequest = new URLRequest("http://www.yahoo.com");
navigateToURL(targetURL, '_blank');
btn1.addEventListener(MouseEvent.CLICK, clickFunction);Hi!
One thing you could try is to use MOUSE_UP instead of CLICK
( tip-source : http://www.actionscript.org/forums/showthread.php3?t=176795 )
This example uses clickTag parameter (through flashvars) instead of a hardcoded URL inside the flashfile though,
but I'm sure you get the point:
clickBtn.addEventListener(MouseEvent.MOUSE_UP, function(event: MouseEvent): void {
var sURL: String;
if ((sURL = root.loaderInfo.parameters.clickTag)) {
navigateToURL(new URLRequest(sURL), "_blank");
clickBtn.buttonMode = true;
clickBtn.useHandCursor = true;
Or you might want to have a look at this workaround :
Example : http://apdevblog.com/examples/navigatetourl/
Info : http://apdevblog.com/problems-using-navigatetourl/
/Ola -
Spry Menu Appears different in IE8 and IE7
All,
As most of the people who post on this site I am new to Dreamweaver CS4. I think I've done a pretty good job and programming my site and my skills will only get better with time. However I am having one issue that I have wrestled with all day. The site I am creating is located at http://www.greenehazel.com/beta. The spry menu looks fine if I access it with IE8, but when I access it in IE7 some of the rows appear on top of other rows etc. I have fiddled with the CSS on this for most of the day and can't figure out why this is occuring. I have attached the CSS below. What am I doing wrong? Any help is greatly appreciated in advance.
@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; list-style-type: none; font-size: 100%; cursor: default; width: auto; padding: 0; padding-top: 5px; text-align: center; } /* 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 { z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ 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; } /* 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: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 8.2em; position: absolute; left: -1000em; } /* 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; background-color: #000; border-color: #999; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: auto; } /* 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 { left: auto; top: 0px; background-color: #000; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul { border: 1px solid #CCC; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #000; color: #FFF; text-decoration: 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 { background-color: #000; color: #00F; width: auto; text-align: center; } /* 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 { background-color: #33C; color: #FFF; text-align: center; } /******************************************************************************* 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%; } /* 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 { background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* 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 { background-image: url(SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* 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 { background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /******************************************************************************* 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; z-index: 1010; 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; background: #FFF; } }@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;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
padding: 0;
padding-top: 5px;
text-align: center;
/* 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
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
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;
/* 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: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* 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;
background-color: #000;
border-color: #999;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: auto;
/* 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
left: auto;
top: 0px;
background-color: #000;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #000;
color: #FFF;
text-decoration: 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
background-color: #000;
color: #00F;
width: auto;
text-align: center;
/* 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
background-color: #33C;
color: #FFF;
text-align: center;
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%;
/* 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
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* 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
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* 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
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
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;
z-index: 1010;
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;
background: #FFF; -
Spry Menu 2.0 issues in IE7.. yes another one!
I have CS4, and have used the widget browser to create a Spry Menu 2.0 and have imported it to my site. It displays fine in every browser except for IE7. I have been reading a LOT of threads on issues similiar to this one, so I'm prepared to tell everyone I know to upgrade to at least IE8!! However, I would like to fix it if possible. The menu bar is located in an include file and is attached to all my pages through the php function. I have made zero changes to the css code since I imported it into the site.
I also am wondering why there are two css pages for the menu bar.??
Any help would be appreciated..
One of the pages on the site is: michaelandrewshairstudio.com/offers.php
That page is: ( I have taken out some meta tags and content, but the div's are all still in place.) I also deleted some commented tags by accident when I imported it..
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Michael Andrews Hair Salon Offers</title>
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBar.css" rel="stylesheet" type="text/css" />
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryDOMUtils.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryDOMEffects.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryWidget.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryMenu.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js"></script>
<link href="CSS/stylesA.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outerwrapper">
<div id="header">
<div id="navbar">
<?php include("Spry-UI-1.7/includes/SpryMenuBar.php"); ?>
</div>
</div>
<div id="mainbody">
<div id="logo">
</div>
<hr />
<div id="content">
</div>
</div>
<div id="footer">
<div id="footernav">
</div>
<div id="footertext">
</div>
</div>
</div>
</body>
</html>
SpryMenuBar.css
#MenuBar {
background-color:#333;
font-family: "Trebuchet MS", 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: normal;
font-size: 14px;
font-style: normal;
padding:0;
border-color: #999999 #999999 #999999 #999999;
border-width:3px;
border-style: outset outset outset outset;
/* 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 ".MenuBarFixedCentered br" rule bleow */
display:none;
.MenuBarLeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarFixedLeft {
float: left;
width: 80em;
.MenuBarFixedCentered {
float: none;
width: 80em;
margin-left:auto;
margin-right:auto;
.MenuBarFixedCentered br {
clear:both;
display:block;
.MenuBarFixedCentered .SubMenu br {
display:none;
.MenuBarFullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .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. */
#MenuBar .MenuItem {
padding: 0px 24px 0px 0px;
background-color:#333333;
border-width:1px;
border-color: #cccccc #ffffff #cccccc #999999;
border-style: none none none solid;
#MenuBar .MenuItemFirst {
border-style: none none none none;
#MenuBar .MenuItemLast {
border-style: none none none solid;
#MenuBar .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#cccccc;
background-color:#333333;
padding: 6px 15px 6px 39px;
width: 10em;
width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
font-style: normal;
background-color:#666666;
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;
#MenuBar .SubMenu .MenuItemFirst {
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#666666;
color:#cccccc;
padding: 6px 12px 6px 5px;
width: 7em;
width:auto;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
background-color: #333333;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #333333; /* consider exposing this prop separately*/
color: #ffffff;
#MenuBar .MenuItemHover .MenuItemLabel{
background-color: #333333;
color: #ffffff;
#MenuBar .SubMenu .MenuItemHover {
background-color: #666666;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #666666;
color: #ffffff;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
background-color:#333;
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: none none none none;
#MenuBar.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;
#MenuBar.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 */
#MenuBar .MenuLevel1 .SubMenuVisible {
background-color: #ffffff;
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 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #333333; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #666666; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
SpryMenuBasic.css
/* SpryMenuBasic.css - version 0.5 - Spry Pre-Release 1.7 */
/* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */
/* This is the css for a basic Spry 2 MenuBar.
* The first section is basic layout, and should in general not need to be modified.
* The final section of this file specifies images to use for arrows for the menu. These
* are either down or right-pointing as required by horizonatal or vertical layouts. You
* can either replace the referenced images with your own, or you can modify these rules to
* point to your won images.
* These rules are supplemented by those specified in the OAM file for inclusion in the html document,
* or alternatively, the file SpryMenuBarBasicSkin.css which is included with this widget. */
/* Resets for ul and li in menus */
.MenuBar .MenuBarView, .MenuBar .SubMenuView {
display:block;
list-style:none;
margin:0;
padding:0;
/*** Layout Rules for Basic Menu ***/
/* Top Level MenuBar
* Because we float the MenuItemContainers in the MenuBar, we have to make sure the menubar wrapper expands to hold them all.
* The simplest way is to float the widget wrapper
.MenuBar { /* overridden by .MenuBarVertical version of this rule */
float:left;
width:100%;
.MenuBarVertical {
float:left; /* Used to make menubar shirink to fit contents */
width:auto;
/* SubMenus */
.MenuBar .SubMenu {
display:block;
position:absolute;
top:0;
left:-10000px; /* By default, all non-visible submenus are hidden by moving way to the west */
padding:0;
/* First level of submenus - pulls down from horizontal menubar, right from vertical */
.MenuBar .SubMenuVisible{ /* overridden by .MenuBarVertical version of this rule */
top:100%;
left:0px;
.MenuBarVertical .SubMenuVisible {
top:0px;
left:100%;
/* All submenus below level 1. All pullout to the right */
.MenuBar .SubMenu .SubMenuVisible {
display:block;
position:absolute;
top:0px;
left:100%;
/* MenuItems, MenuItemLabels, and MenuItemContainers */
.MenuBar .MenuItem {
display:block;
text-decoration:none;
.MenuBar .MenuItemLabel {
display:block;
.MenuBar .MenuItemContainer {
position:relative;
white-space:nowrap;
float:left; /* overridden by .MenuBarVertical version of this rule */
display:block;
margin:0;
padding:0;
.MenuBarVertical .MenuItemContainer {
float:none;
.MenuBar .SubMenu .MenuItemContainer {
float:none;
/* Layout Rules needed by IE6 - excluded from other browsers */
.SpryIsIE6 .SubMenu .SubMenu {
width:100px;
height:1%;
.SpryIsIE6 .MenuBar .SubMenuVisible .SubMenuVisible {
width:auto;
/* End Layout section */
* Arrows - This section specifies arrow images for a submenu dropdowns in Basic SpryMenu.
.MenuBar .MenuItemLabel{
background-image:none;
/* For all arrows used here, we depend upon the image to push itself away from right edge, or the user can add right padding to the MenuItem */
.MenuBar .MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuDownGrey.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBar .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuDownWhite.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBarVertical .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBarVertical .MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBar .SubMenu .MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBar .SubMenu .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
/* IE6 rules for Arrows */
.SpryIsIE6 .MenuBar .MenuItemWithSubMenuHover .MenuItemLabel{
background-image:url("images/ArrowMenuDown.gif");
background-position:right center;
background-repeat:no-repeat;
.SpryIsIE6 .MenuBarVertical .MenuItemWithSubMenuHover .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.SpryIsIE6 .MenuBar .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;I love your subject line
Spry Menu 2.0 issues in IE7.. yes another one!
It is us as designers/developers that need to create websites for all current browsers. No sense in blaming the browsers, although in this case we could blame Spry Menu 2.0.
Problem with that is that Spry Menu 2.0 has been successfully tested in all modern browsers.
This leaves us with just one possibility, the designer/developer has erred somewhere along the line. After having checked the support files (JS and CSS) and looked at the markup, we now go to the constructor and see the following
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
widgetID: "MenuBar",
widgetClass: "MenuBar MenuBarLeftShrink",
insertMenuBarBreak: true,
A comma after the last value.
I also am wondering why there are two css pages for the menu bar.??
One is the standard CSS for the menubar and under normal circumstances, should not be touched; the other is for the convenience of the designer/developer so that he/she can tweak the menubar to suit. If you wish, you can combine both. In all cases, keep in mind that the CSS for the standard (basic) menubar should come first, so that the other CSS can override the first.
This needs to be corrected in your document
Gramps -
I have noticed a number of posting of Flash and IE7 troubles,
but they are not close enough or succinctly worded enough to suit
me to glom onto their post with my problem, and I noticed that the
ones who have a problem similar to mine are not being answered. So,
I take it that there is definitely a problem with Flash and IE7,
but no one knows the answer and Microsoft has not risen to the
problem of dealing with a problem that affects hundreds of
thousands of users. I have posted the following on a Microsoft
forum, but have received no reponses there as of yet. Hopefully the
Flash gurus here will be able to rise to the occasion more quickly
than their Microsoft IE counterparts.
If you look at the home page for
http://www.townofstarprairie.com/
using FireFox or IE 6 (with security settings lowered), you'll
notice a scrolling flash text box at the top, and an exact
duplicate of that text box at the very bottom of the page.
If you use IE 7, the one on top does not show but the one on
the bottom of the page does. These two Flash boxes are identical in
every way.
I have toyed with my IE 7 settings to the point where IE was
screaming at me that the world was going to come to an end due to
my low security settings, and still the one on top does not show.
What ever could be the problem with this?
Thank you for any help you can provide!Nickels55, you are correct....mostly.
One of my acquaintances busted into the weather.com code and
sent me the source. After much trial and error, I found that by
removing the STYLE block completely, I no longer had a problem. I
even tried removing the styles between the STYLE block, but that
didn't work. I had to remove the STYLE tags, too. I tried linking
out to a style page to no avail , btw.
For a while, you can see a bust of this problem at
http://www.townofstarprairie.elitecyberdesign.com/index.cfm?optionid=5877
What's really weird is that this problem only affects the
Flash code ABOVE the Weather.com widget (you would think it would
affect below, but such is not the case), and only in IE 7.
Very strange. -
Flash Player won't download for IE7
Since the update of IE7 of last week, I can't download Adobe
Flash Player. I tried downloading it using Firefox and it downloads
but installs only on Firefox, so I suppose the player is browser
specific.
I need the player when I go to www.nytimes.com and click on
the video box, which now a days says I need to update the Flash
Player. I click on the button and it takes me to Adobe downloads,
but when I click for download (agree and install), a new page says
I have to allow downloads and instructs me to "Important Message:
You may need to click the gold bar at the top of the browser window
to allow the install." The thing is that there is no yellow ribbon
for the Adobe website, so I can't really allow for the pop-up
(download). I switched off the pop up blocker and still can't get
the player to download. As I said, this all started after that rush
job by Microsoft to update IE last week.
I run Windows XP, SP3.
What could I be doing wrong?I am having the same issue -- IE7, XP SP3... Flash Player
will not download or install, but will download and install for
Netscape. Must be an IE7 issue, but I can't find a solution. If you
find something out, it would be freat!
([email protected]) -
We run a forms application using 9.0.4 on IAS10gR1, JInitiator is 1.3.1.13. We often use web.show_document to display files (usually pdfs, but also other types) that are stored as blobs in the db or as files on the app server. From time to time users complain that this feature doesn't work anymore. In most cases this is caused by a popup blocker, either IE, or they use Firefox, or have installed Google's or Yahoo's toolbar with their popup blockers enabled.
But now we are facing problems with users that have installed IE7. When they try to show a file which should be displayed using web.show_document, a new window flickers shortly and then disappears, even with the popup blocker disabled.
Anybody out there with the same experience and (hopefully) a solution/workaround?
And yes, I know that IE7 is not yet certified.
Thanks in advance.
GeraldWe had the same problem opening files through web.show_document with IE7. It has to do with the Download settings in your Internet or LocalIntranet zones under Tools > Internet Options > Security > Select the zone > Custom level > Downloads group > Automatic prompting for file downloads setting.
These prohibit IE7 to ask the user about downloading a file. That's why the new browser window closes right away. You could either change the settings for Internet and lower the security for all sites, or add your Forms server to Local intranet or even TrustedSites and set these up properly.
Maybe you are looking for
-
MSI BIG BANG Xpower II boot issue - LED code 9A
Hello all, I am facing to issue after BIOS update from 2.6 to 2.7. After update was machine working properly. But after one crash of OS cant boot at all. Crash was probably caused by overloading GPUs but there were no issue with cards and this board
-
Increase screen resolution in terminal (no X Server)
Hi When you start ArchLinux, you enter in 'terminal mode' (how do you call it?), where you are asked username and password, then you usually type 'startx' to launch your DE. Yesterday, I was installing NVidia drivers and for some reasons, the screen
-
Error class cannot be loaded (oracle.xml.xsql.ViewObject)?
Hallo, i want to use oracle.xml.xsql.ViewObject and i become the error class cannot be loaded in xsql action. What can it be? Any help is appreciated
-
hi all, i'm trying to standardize all my GUI components in a way such that different containers will be having the same colours for status bars, panel background, etc... i'm thinking of having something similar to webpages' CSS (Cascade Style Sheets)
-
While doing puchout user is getting Overlapping time message in OTL Time entry responsibility
while doing puchout user is getting Overlapping time message in OTL Time entry responsibility