E7-00 Transparent widgets

In new software Belle widgets of minicalendar and email cover a half of display. I looking for solution like some transparent widgests with white letters. The same problem is with icons. Probably the best way it is some theme with such settings. Who have the same problem and who see solution?

@rpiskala
You can't have looked around much not to have been offered a choice of transparent widgets for Nokia Belle. Perhaps look at forum.dailymobile.se although implementation of transparent Email widget is probably outside most user's comfort zone and invalidate any warranty.
Happy to have helped forum with a Support Ratio = 42.5

Similar Messages

  • Transparent Widget Link?

    Hello All,
    I'm a newbie working in Dreamweaver 3. I'm working on my
    first site. There is a blank spot on the right hand side of the
    homepage (above where it reads "At Your Fingertips) that I'd like
    to insert a date and weather widget. The problem that I'm coming up
    with is that I'd like the widget to be transparent in the area.
    Here is the link to the website to see where I'd like the
    widget to be.
    www.rapidappraisalssocal.com
    Below is the code that I got from a website to use.
    <a href="
    http://www.wunderground.com/US/CA/Rancho_Mirage.html?bannertypeclick=bigtemptr">
    <img src="
    http://banners.wunderground.com/weathersticker/bigtemptr/language/www/US/CA/Rancho_Mirage. gif"
    border=0
    alt="Click for Rancho Mirage, California Forecast" height=94
    width=185></a>
    When I place the code, the area becomes white. I copied the
    widget code that is supposed to be for transparent. Any ideas?
    Thanks,
    Rick

    i think you need something like "alwaysOnTop" above all. i tried to do the same, but the only way i found on internet is to surround everything in a jframe and the use jframe method "alwaysOnTop"

  • HTML Widget zooming effect

    Hi,
    I am trying to make my HTML Widgets in my iBooks Author book to being fired up when user taps on a small button in the side of the book.
    For that sake, I place my widget first, then I drag my small button graphic to the widget area so it becomes the poster image of it.
    Problem is that when I test my book and I tap on the button, there's always a "zooming effect" of the button prior to execute the Widget itself, that enlarges the little png for a little while, so it shows the big pixel jagged image. I don't like this effect, is there any way to get rid of it?
    Thank you,
    Ignacio

    I am just using finally this workaround:
    1) Place the HTML widget as usual, but without poster image, nor Title, Background... so it is sort of a "transparent hot spot" in the book
    2) I draw a figure with text inside, as a button, and organize it so it lies below this transparent widget
    When I run the book in the iPad, I see a crisp, clear button that I cap tap and the Widget plays at full screen without that annoying jagged PNG zoomed in.
    Same thing if you use an image button rather than a figure.
    Greetings,
    Ignacio

  • Help with symbian belle widgets

    I have installed some third party transparent widgets that replaced my old widgets, I tried to revert to the old original widgets but I can't, I removed the installation and I got the widget no more existing, I tried installing some widget from a leaked archive of symbian belle, but it tells me "update error", anybody can help please ? 

    Have you installed Microsoft apps ? If not, try them, mail works superbly !
    If I have helped at all, a click on the White Star is always appreciated :
    you can also help others by marking 'accept as solution' 

  • Is there any way to swap out the 'Widget Note' icon or have it triggered?

    Hi,
    Is there any way to swap out the 'Widget Note' icon?
    Not only is it bad artwork, I have a cool custom button that I wanted to bring up the Note widget. Also, when I put the Note Widget on top of my custom button, it blocks the button's glow for the mouse over state, wven when I choose the option of making the widget transparent.
    Any way my custom button could trigger the Widget Note to launch?
    Any help would be much appreciated.
    cheers

    Hi digitalnoob
    To use your custom icon image instead of default Note icon, you would have placed your image on top of the "transparent" widget.
    To make these objects available on click of some button:
    Group these two objects.
    Make this group invisible in output.
    Add the button which should trigger this widget.
    On the button, set the action to Show this group.
    To hide this group on 2nd click you need to use some advanced action and variables. Else, you can have a different button to hide this group.
    Sreekanth

  • [SOLVED] KDE black screen on resume after suspend

    Yesterday I wasted the day investigating this and at the end the problem was not suspending the computer but the KDE lock screen as explained here. I thought to open a new thread so other people would not wasted their time looking into the wrong issue as I did.
    Anyway, this is what happens, when KDE resumes, it only displays a black screen and the mouse pointer. The problem appears only when the system suspends through KDE (through the menu, the global shortcut or closing the laptop lid), suspending the system directly through systemd (systemctl suspend) or dbus (qdbus --system org.freedesktop.login1 /org/freedesktop/login1 org.freedesktop.login1.Manager.Suspend true) works fine.
    The way to recover is to kill kdm (ctrl+atl+backspace) or to restart kdm (switch to a terminal and execute systemctl restart kdm) .
    As explained in the post #12 of this thread,  if you use a transparent widget style (I use Oxygen Transparent) you have to add the lock screen to the background opacity exception list, for that go to:
    System Settings ->   Application Appearance ->  Style -> Applications -> Configure … (to the right of 'Widget style') ->  General -> Exceptions...
    And select  both "kscreenlocker" and "kscreenlocker_greet", if they do not exist add them through the 'Add' button.
    Last edited by thepadawan42 (2013-07-20 08:43:33)

    Hi,
    I am also having this issue. After resuming from suspend-mode, I get a black screen with a mouse-cursor. I can follow you instructions up until "-> General". I don't see an "Exceptions"-button/area where I can select the kscreenlocker exceptions. Can you help?

  • Wallpaper e7

    Hi,
    just bought an e7, does anyone know if its possible to have different wallpapers when the phone is in portrait than when its in landscape. Also, if it is possible to have transparent widget backgrounds? I have had a look online but can't seem to find anything.
    Thanks for you help
    Solved!
    Go to Solution.

    Here are a few tips for you to have your own customize wallpapers for your Nokia E7
    Use Nokia drops will help you easy out to set the photo or picture as a wallpaper for every homescreen on your device.
    Download it here
    http://betalabs.nokia.com/apps/nokia-drop
    Now if need the dimension/resolution of pictures and photos that will fit for portrait and landscape mode, it should be 1138 x 640. The preinstalled pictures you have that came with the phone will do.
    Here is a link if you may want to check out some preloaded photos from Nokia N8.
    http://www.filesonic.com/file/49725168/%28N8FanClu​b.com%29N8_Original_Walls.rar
    But if you don't wanna settle with something ordinary, you may find this link interesting to where you can download massive stuff/photos to set as wallpapers.
    Here is the link http://www.4shared.com/file/C9qoq-0E/360x640_wallp​apers_symbianzone.html
    Have fun! 
    Will "Phyrhone" Laurent
    " A simple task, doesn't take a genius to figure it out. Use your brain."

  • Google Voice Widget Not Working in Safari 5.1 which is Adobe flash wmode transparent based

    Google Voice Widget Not Working in Safari 5.1 which is Adobe flash with wmode transparent set. For that matter all flash text fields in Safari 5.1 are not working accross the web when wmode is set to transparent. This is a Safari bug! Other browsers work fine.
    Well after much research Adobe flash text field with wmode transparent set is not working in Safari 5.1 when any flash object has the wmode set to "transparent", or "opaque". The problem is many site must layer flash objects with html so the wmode transparent must be used.
    Affecting sites like BEST BUY, WALMART, CVS, STAPLES, Chechout their flash based weekly ads and find one that you need to update the quantity in the flash pop-up and the text field with keyboard strokes will not work. Flash text fields were all working fine until several month ago when Safari rolled out 5.1 working for Google Voice Flash based widget which uses the wmode transparent. HELP!
    John Hooper
    Techno Online Problem Solver
    http://www.johnrhooper.com

    All 3 examples seem to render just fine in IE and FF.
    See comparison photo:
    http://www.cidigitalmedia.com/web_devel/background.jpg
    If not working for you, try clearing your cache to remove any old, non working versions.
    Test on some other machine besides yours.
    Code looks fine and seems to work.
    Best wishes,
    Adninjastrator

  • No Transparency in 3D Widget??

    My objects do not show original transparent surfaces when displayed on iPad.
    Is Transparency supported within the 3D widget?

    Did you ever get an answer to this? I am fighting the same issue, and have done all the troubleshooting and testing I can think of. Heres what I've found-
    Export collide 1.4 dae file from Cinema4D R16 with a transparent material
    select the file in the finder and hit spacebar, the quickLook shows the transparency.
    drag the dae into iBooks author. The resulting 3D widget shows the transparency.
    Preview using ibooks on the mac in 10.10. transparency shows correctly in the iBooks reader app on the mac
    preview using an iPad 4 retina running iOS 8.2, and the object goes 100% opaque. no transparency.
    I have no other apps that can output dae files, and ibooks won't recognize the Collada 1.5 exporter in Cinema4D.

  • How do i make widgets transparent?

    How can I make my widgets transparent?

    i found the answer..under mission control remove preference to make dashboard as space

  • Making widget background transparent for use in a DPS article

    Hello all
    Am trying to make the background of a widget totally transparent. Is this possible.
    I created an accordion widget in Muse, exported the page to HTML and then loaded that file into a web content overlay frame (thanks Bob for your assistance).
    I made the background of both the accordion header and body copy no fill (along with the stroke).
    But when loaded the HTML file into Indesign, I'm left with a white background.
    Have searched the net for a solution, with an joy.
    Anyone come across this problem/issue??
    Thanks as ever.
    S

    Hi,
    In Muse, You can also adjust the Opacity (Transparency) of the objects used in your site. Please refer to this screenshot :-
    http://prntscr.com/4noaz3
    Regards,
    Rohit Nair

  • Transparency problems with Dashboard Widgets

    I installed Leopard on my MacBook and everything has been working well with the exception of some funkiness with my Dashboard widgets. There are a few widgets that the white text on them has changed from solid white test to transparent text with a white outline. I've got a screen shot here:
    Has anyone else run into this problem? Is there a way to fix this problem? Any thoughts on this would be greatly appreciated.
    Thanks!
    --Tim--

    Someone pointed out something that fixed it. There was a font name conflict that was bringing up an incorrect style of Helvetica Neue.

  • Widget background transparency problem - see my example

    I recently put up a new web site that I built in iWeb and am having a problem with a form that I inserted into the home page as an html snippet. One layer contains a quotation bubble, and over it lays the form. It appears correctly in every browser I tested on Mac and Windows except for IE7 for Windows. In IE7 a white box appears behind the form. Anyone know how I can correct this? You can see examples at http://www.rathappy.com/problem/ . The web site itself is http://www.rathappy.com .

    Thanks, I tried your fix this morning and was totally surprised when it didn't work. I was still getting a white box around the graphic. After messing with things for a while I finally gave up and put the form in a box, nixing the graphic. I made my box green and about the same size as the white one to cover it up. http://www.rathappy.com
    Yes, web design can be frustrating at times. I'm from the world of Macs where things do what they're supposed to do 99% of the time, but the reality is that we have to build for the majority: Windows IE users.
    Anyway, thanks again for trying to help me!
    Message was edited by: DebTej | Link added

  • How can I make a FlashAlbumExporter background transparent?

    I really like the very cool FAE (as suggested on this most excellent forum) but the gui offers no choice as for background opacity. A little search on the net reveals a few ideas but none of them seem to work. I am using the following iframe code in iWeb:
    <iframe src=
    "http://www.bostruyephotos.com/Paso_Robles/index.html"
    style="width:1000px; height:900px;
    border-width:0px;
    border-color:#990033;
    border-style:solid;"
    scrolling="auto" >
    </iframe>
    I don't know if the bg transparency is controlled in this iframe code, in the index.html file created by FAE or in the xml file created by FAE. So far I have tried:
    Remove the background-color: #181818; from the index.html didn't make any difference.
    Adding <bgcolor transparency="0"> in the xml made simpleviewer not display at all.
    Another web site was discussing using html in the HTML snippet widget instead of iframe and it seems to address the transparency issue. But it seems rather old and is setup to use a movie instead of a photo album so I'm not sure how to convert it. Here is that code:
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#v ersion=6,0,40,0"
    WIDTH="700" HEIGHT="700" id="MyMovieName">
    <PARAM NAME=movie VALUE="MyFlashMovie.swf">
    <param name="wmode" value="transparent">
    <PARAM NAME=quality VALUE=high>
    <PARAM NAME=base VALUE=".">
    <EMBED src="MyFlashMovie.swf" quality=high WIDTH="700" HEIGHT="700"
    NAME="MyMovieName" ALIGN="" TYPE="application/x-shockwave-flash" wmode="transparent" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" base=".">
    </EMBED>
    </OBJECT>
    Any idea how I can make this bg transparent so my bg will show behind the photos instead of the default dark grey?
    The current version is here in case that helps:
    http://www.bostruyephotos.com/Gallery/Cruising.html
    Thanks for any help.
    Bo

    If that's what you're doing, then just turn off the visibility of the layer that you made the selection on - most likely the BG layer by clicking on the eye icon in the layer's pallet.  You change the bg layer, as I mentioned above, and after you make your selection, click on the add layer mask icon in the layer's pallet,  This will add a layer mask with your selection.  If you hold alt/opt while doing this, it will create a inverse layer mask.

  • Spry Menu Bar Widget 2.0 (1.0) -- IE 6 Rendering Snag

    Hi:
    Once again I need to call on the aid of others with more detailed knowledge of the spry frameworks, particularly the Spry Menu Widget 2.0 (vers. 1.0) developed by Adobe labs.
    I have posted the site to http://www.aclco.org/testing/index.html.  You will see that it works beautifully, thanks to the help of many contributors, except in IE 6.0, where, when the sub menus become visible and drop down, it causes all page elements (divs) to be pushed down to create the necessary room to accommodate the drop down.  The natural overlap of the sub-menu over pre-existing content doesn't seem to overlay properly.
    It does this on all pages, and not just those which present flash sideshows.  And as I say it is peculiar to IE 6.
    I have followed the tutorial provided by David Powers in deploying the widget and have not altered the spry skin css or the basic css.  Any changes (affecting padding, etc. and adding of background images where created using the widget browser and supplemented in the css added to the template page.  The "add-on" css was then added to the general style sheet governing the whole site layout.
    I was wondering if anyone else has experienced this problem, if there are any work arounds or hacks that anyone is aware of, or any other suggestions that might help.
    I haven't been able to preview this on a free standing PC using IE6, but was able to reproduce the problem on 2 cross browser testing services employing a "live mode".  I renders properly until the sub-menus are called upon to become visible, and then the problem manifests.
    Your assistance will be greatly appreciated.
    Sincerely,
    Steve Webster
    Attach.
    Please note:  Attached are the relevant excerpts from the customized style sheet as amended from the spry widget browser:
    /*  -- Begins Spry Menu Widget 2.0 (1.0) Horizontal menu bar Custom styles --  */
    /* BeginOAWidget_Instance_2141544: #MenuBar */
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
    These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
    MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
    MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
    MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
    MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
    and centered in its parent container.
    MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
    background-color:transparent;
    font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
    MenuItem, and MenuItemLabel
    at a given level all use same definition for ems.
    Note that this means the size is also inherited to child submenus,
    so use caution in using relative sizes other than
    100% on submenu fonts. */
    font-weight: normal;
    font-size: 17px;
    font-style: normal;
    padding:0;
    /* 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: 10px 10px 10px 4px;
    background-color:#000088;
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segme nt-Dark.png);
    background-repeat:repeat-x;
    #MenuBar  .MenuItemFirst {
    border-style: none none none none;
    #MenuBar .MenuItemLast {
    border-style: none none none none;
    #MenuBar  .MenuItem  .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#ffffff;
    background-color:transparent;
    padding: 0px 18px 0px 5px;
    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: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    font-style: normal;
    background-color:#000088;
    padding:0px 2px 0px 0px;
    border-width:0px;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    /* Border styles are overriden by first and last items */
    border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
    border-style: none;
    padding: 0px;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
    padding-top: 0px;
    #MenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
    padding-bottom: 10px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1em;
    background-color:transparent;
    color:#ffffff;
    padding: 10px 10px 10px 10px;
    width: 240px;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
    background-color: #2E35A3;
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segme nt%20Light2.png);
    background-repeat:repeat-x;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    #MenuBar .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #ffffff;
    #MenuBar .SubMenu .MenuItemHover {
    background-color:2E35A3;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #ffffff;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
    background-color: transparent;
    min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
    #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: transparent;
    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: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
    background-color: transparent; /* 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 */
    /* EndOAWidget_Instance_2141544 */
    /* Ends Spry Menu Bar Widget 2.0 (1.0) Horizontal Menu Custom styles */

    I have systematically reviewed the tutorial of David Powers on the Spry Menu bar 2.0, and recreated the process in a methodical process - making one change at a time, and then checking each step on a cross browser testing server, and have found, quite to my amazement that what seems to be causing the problem of the "gap" in IE 6 is by removing the customized styles from the head of the individual pages, and placing them in CSS stylesheet that governs the entire site.
    I find this quite inexplicable.  When the customized CSS rules governing the menu bar are situated in a separate stylesheet, the page renders well enough for any of the "modern" browsers, but won't render in IE 6.  All that I get is a horizontal menu with drop downs, but none of the styling (specifically background colours, background images, etc.) that are called for in the stylesheet and that otherwise appear when rendered by other browsers.
    I realize that this sounds strange, but I was wondering if anyone had experienced this phenomenon, or could offer any explanation.
    Any suggestions would be greatly appreciated.
    Steve Webster

Maybe you are looking for