WAD - IE7

Dear Guys,
I have upgraded my browser version to IE7. Am unable to see any webtemplate report from WAD. I get this message when I execute any webtemplate in browser.
There is a problem with this website's security certificate.
The security certificate presented by this website was not issued by a trusted certificate authority.
Security certificate problems may indicate an attempt to fool you or intercept any data you send to the server.
If you guys have come across the same situation please post it.
Regards
Rajesh

Hi
i have faced same situation,when you are using WAD and running the template check the proxy .
if u are proxy is incorrect this has problem to open templates
mahesh

Similar Messages

Planning Layout : IE7 memory consumption

Hello,
When we try to save 100 lines in planning layout IE7 memory comsumption make computer crash.
Nothing is send to the server and IE7 takes more than 10 minutes to send data.
We have installed Copy and Paste how to , but even when we retrieve it form the WAD performance stay very bad.
Could we optimize the performance, do we have IP parameter to update?
Thanks for your help,

Hello,
I suggest to do more tests: Does the same problem exist on other browsers like IE8? If no, it's an MS issue. If yes, are you using any other JavaScript or custom extentions in you web template? If yes, remove them too. If no, check that you have the latest BI Java support package and patch installed on your BI Portal.
If you still get memory issues, please open a customer message so SAP support can analyze the issue.
Regards,
Marc
SAP Techology RIG

Back button of internet explorer raise exception when running WAD tamplate

Hi gurus,
when we run a WAD template the users automatically use the back button of the explorer in order to navigate one step backward.
this action raise an exception: "Webpage has expired".
is somebody know a way that could work or a way to eliminate the back button of the explorer?
thanks in advanced
Miri

>> I do not think it is because of the parameters you are entering/using, try without using the
>> parameters (just for testing), if you still get the error then its not the parameters which is causing
>> the problem.
If I create the report without asking for user-entered params, it works.
>> Can you please specify the browser and the tool to display the report you are using? Generally the
>> error popps up when there are any mistakes in html or if you are using a javascript which has a error.
The active browser on the computer is IE7 - 7.0.5730.13
I am using the installed crystal reports 11 program to run the report. I open the report in CR by going to File/Open and selecting the report. Then I get prompted for my ms sql login info, which I enter. Then I see the "Enter Values" window with my data entry fields; but I don't see the nice formatting and buttons which I see when I run this from the other computers; I see only the placeholders. I select or enter data and click on the "OK" link. Then the message box pops up. The message box pops up when I click on any of the links or on the "x" in the upper right. Mesage box is explicit - Intenet Explorer Script Error, etc., as I described in my original post.
Thanks
Azhar

F4 search help is not getting displayed in WAD

Hi all,
For a certain InfoObject we want to add an attribute in the F4-search help. The additional attribute does appear when executing the query in the Bex Analyzer but not on the Web. Can anyone tell me how to achieve this in WAD?
Thanks in Advance

Hi all,
For a certain InfoObject we want to add an attribute in the F4-search help. The additional attribute does appear when executing the query in the Bex Analyzer but not on the Web. Can anyone tell me how to achieve this in WAD?
Thanks in Advance

Change order of key figure is not working in Web report output (using WAD)

Hi,
We are using BI 7.0, release 701 and level 008. We are facing problem in WAD (web report output). When ever we do 'Select filter' for key figures and 'change the order' of key figures, it does not get reflected in new order. Though drag and drop of key figures is working.
Though same change order is working fine in Bex Analyser.
Kindly suggest some inputs.
Thanks.

Hi,
On Which Service Pack are you on?WAD has this feature of re arranging the keyfigures in BI 7.0 for SPS 14...
Regards,
Bhagyarekha.

Print button on WAD template

Hi,
Presently we are in BW 3.5 version with support pack 22. We enhanced the html code based on ' How to ... Web printing with MS Excel' document. We imported the transport file which contains package and ABAP Classes.
After click on the print button on Web report, it was giving the same result area in the same page instead of giving the excel open or save options.
How to debug the enhanced html code in the WAD template? How to check the ABAP class('ZCL_RSR_XLS_HELP_WINDOW_PRINT') which i used in the
code?
Or is there any way to print the result area of Web report?
Please help me.
Thanks in advance.

This question has been answered

How to use one WAD template for all the available queries

Hi,
I have created a WAD template... Now we have close to 25 queries which will use that template for displaying their output at Portal...
Is there any way that i don`t have to create multiple copies of my WAD template...
I.e. all queries would call that same template through portal...

Hi,
The Bex report uses the Standard Template 0ANALYSIS_PATTERN while it is executed.
So if your sure that the look and feel of all the Reports is going to remain same, you don't need to even attach all these Queries to Templates in WAD.
When you execute the BEx query, it would pick up the standard template and run it in portal.
But if you want to customize the Report Template:
1) You can change this standard template 0ANALYSIS_PATTERN and customize it according to ur requrement in WAD.
2) Or you can create a copy of this standard template and change it as required. Then change the template in spro (transaction RSCUSTV27) to point to this Z template.
Let me know if you need more details.
Regards,
Forum

Error while executing WAD report

Hi Gurus,
While executing the wad report in the web getting an error, can u brief me, and provide me any step by step procedure for WAD template creation
Reference to data provider "%NM%" is invalid
In the Web Application Designer, create a data provider with the name %NM% in template ZDEMO_WAD, or change the reference to the data provider in Web item ANALYSIS_ITEM_1
DROPDOWN_ITEM_1
No reference To data provider defined
In the Web Application Designer, set parameter DATA_PROVIDER_REF in template ZDEMO_WAD for Web item DROPDOWN_ITEM_1 to a valid data provider

can u brief me, and provide me any step by step procedure for WAD template creation
I believe you have already posted a Q on Dashboards
Re: DashBords
& many have responded with documentation links that can help. I suggest you take time to go thru' the links.
Reference to data provider "%NM%" is invalid
In the Web Application Designer, create a data provider with the name %NM% in template ZDEMO_WAD, or change the reference to the data provider in Web item ANALYSIS_ITEM_1
You need to first create a Data Provider, say DP1, on either an InfoProvider/Query/QueryView to be able to bind it to any webitem in a WAD template. Once created, assign DP1 to ANALYSIS_ITEM_1 under Data Binding properties.
No reference To data provider defined
In the Web Application Designer, set parameter DATA_PROVIDER_REF in template ZDEMO_WAD for Web item DROPDOWN_ITEM_1 to a valid data provide
Create DP2 first & then have it assigned to the DROPDOWN_ITEM_1 under Data Binding properties.

Error while generating PDF in portal but not in WAD

Hi,
When I execute the command to export to pdf, I have a screen to fill settings of my pdf, then I valid my choice and I have this message : "Error while generating PDF" in my portal.
However, when I want to execute on Web Application Designer and click on my command "export to pdf", I have a same screen and I can open or save my document.
Is someone have an idea : why it is possible to generate my pdf on WAD but not in my portal ??
Any information is much appreciated !
Thanks in advance
V.K.

Hi Pradnya,
Thanks for your answer. However it is for an old version of SAP NetWeaver..
I work with SAP BI 7.0 version.
Regards,
V.K.

How to change the size of the web item text in WAD 7.0

Dear All
I am quite new to WAD and I am having a problem with changing the font size of a web text item
I have searched already and someone suggested changing the Design property to HEADER1 or HEADER2 etc and then I should be able to change the font / size.
I have done this but to no avail
I want to have large heading across the top of the web template
am I using the wrong web item ?
I know I can key the text directly into the web template and change the font from the menu bar but I need it in an item as I want to export them through to PDF later
Would be grateful of any help
thanks
Sandra

Thank you all for your quick responses (I will award points once this is sorted)
On the information you have supplied this has opened up yet another new part of WAD that I have not experienced ...TAGs
Shubhranshu - I have done what you said but as I have never used tags I have just had a look around and found that I can insert Any Tag but not sure if I should be doing that. If it is inert any tag , I chose FONT from the drop down and cbmAttributes defaulted into the custom tab for the class name but not sure what it wants in the Attributes and CSS Style tab, it won't accept what I am putting which is leading me to believe that I shouldn't be doing it that way.
Venkat - thanks for the links they will prove very useful. I've had a look and although they talk alot about the XHTML code for tags they don't actually say how you do it in the editor - I would like to produce one that way first and then see the code it generates for it. I'm a bit apprehensive with changing the code direct as I don't want to mess anything up.
Thanks again for your help

Using query strings works on every browser except IE7

I made this file to pass the variables through the url and
then use aps or java to append the variables either to the
flashvars in ex: <param name="flashvars"
value="'+document.location.search+'" or to the filename in ex:
<embed src="swf/cpk_prod_kids.swf'+document.location.search+'"
width="544" height="397" Both methods work on all browsers EXCEPT
IE7 ???? below is all the Actionscript in the file: in advance
thanks for any and all help!!!!
// variables to hold common info....
aspPage = "cpk_prod_kids.aspx?";
sectionNSub ="&section=products&subs=mtcs";
//watch the commercial link...
wtcLink = "
http://www.playalongtoys.com";
// Product array
//change values to store each file name / location. Add to
the array as needed.
prod_a = new Array;
prod_a[0] = "productSWF/1.swf";// number of products in
array. This feature is currently unused....
prod_a[1] = "productSWF/1.swf";
prod_a[2] = "productSWF/2.swf";
prod_a[3] = "productSWF/3.swf";
prod_a[4] = "productSWF/4.swf";
prod_a[5] = "productSWF/5.swf";
prod_a[6] = "productSWF/1.swf";
prod_a[7] = "productSWF/2.swf";
prod_a[8] = "productSWF/3.swf";
prod_a[9] = "productSWF/4.swf";
prod_a[10] = "productSWF/5.swf";
prod_a[11] = "productSWF/1.swf";
prod_a[12] = "productSWF/2.swf";
//sets the dynamic text
dt = new Array;
dt[0] = 1;
dt[1] = "this is text1";
dt[2] = "this is text 2";
dt[3] = "Lorem ipsum dolor sit amet, ";
defaultText = "this is the standard text, either the correct
text has not loaded or will load in a moment";
// button functions
button_mc.button1_but.onPress = function()
getURL(aspPage+"p=1","_self");
button_mc.button2_but.onPress = function()
getURL(aspPage+"p=2","_self");
button_mc.button3_but.onPress = function()
getURL(aspPage+"p=3","_self");
button_mc.button4_but.onPress = function()
getURL(aspPage+"p=4","_self");
button_mc.button5_but.onPress = function()
getURL(aspPage+"p=5","_self");
button_mc.button6_but.onPress = function()
getURL(aspPage+"p=6","_self");
button_mc.button7_but.onPress = function()
getURL(aspPage+"p=7","_self");
button_mc.button8_but.onPress = function()
getURL(aspPage+"p=8","_self");
// DO NOT EDIT BELOW THIS LINE THERE IS NO REASON YOU SHOULD
HAVE TO !!!!!! *
onLoad = function()
productState();
description();
moveScroller();
onEnterFrame = function()
moveScroller();
function productState()
p = parseInt(p, 10); // parses the string "1" to a integer
001 ( 10 = base 10)
if( p >0) // if p = 0 then it defaults to the else
statement below
loader_mc.loadMovie(prod_a[p]); // places the parsed value
of "p" in the selection for the array
else
loader_mc.loadMovie(prod_a[1]); // default product to load.
// calculates the necessarry movement of the scroller when
the page refreshes...
numItems = .25;
movement= p*numItems;
pDivided = p/4;
neededMove = parseInt(pDivided, 10);
if (movement> neededMove)
A= parseInt(movement, 10);
//A= A-1;
leftMove(281* A);
else if (movement = neededMove)
A= parseInt(movement, 10);
A= A-1;
leftMove(281* A);
delete p; // deletes the var, if it is left in 2 p variables
will be passed and the application won't work.
// end Load logic
function moveScroller()
// generates temp vars to hold basic information and makes
it easier to change later if necessary.
tempA = button_mc._width;
tempB = button_mc._x; // distance traveled where it started
- how far it moved
tempC = 168.5;
tempD = tempB - 446.5; // distance traveled where it started
- how far it moved - initial position and its length.
tempE = tempC - tempA; // where it started - total length
// Below actuates the buttons on the Left side of the
screen.
if(button_mc._x > 160)
aRight_but._visible=false;
aRight_mc._visible=false;
aRight_mc._alpha=0;
else
aRight_but._visible=true;
aRight_mc._visible=true;
aRight_mc._alpha=100;
// below statements make the button on the right actuate
if(tempE < tempD)
aLeft_but._visible=true;
aLeft_mc._visible=true;
aLeft_mc._alpha=100;
else
aLeft_but._visible=false;
aLeft_mc._visible=false;
aLeft_mc._alpha=0;
wtcDisplay();
// script to move the scroll left or right
aLeft_but.onPress = function ()
leftMove(281);
aRight_but.onPress = function ()
if(button_mc._x < 169)
if( button_mc._width >= (button_mc._width-281))
rightMove(281);
function leftMove(distance)
button_mc._x = (button_mc._x - distance);
function rightMove(distance)
button_mc._x = (button_mc._x + distance);
// watch the commercials button
wtc_mc.wtc_but.onPress = function()
getURL(wtcLink,"_blank");
function description()
d = parseInt(d, 10);
if(d>0)
dynamicText = dt[d];
else
dynamicText = defaultText;
function wtcDisplay()
if(wtc == "yes")
_root.wtc_mc._visible = true;
_root.wtc_mc._alpha = 100;
else
_root.wtc_mc._visible = false;
_root.wtc_mc._alpha = 0;
// obligitory stop command.
stop();

Thanks for the advice, I have tried Javascript to resolve the
problem. In response to the <object> tag missing, There is
one I just included a snippet of the html code sorry for the
confusion. Due to deadlines I abandoned the functionality of the
script and "dumbed" down the script. Thank you again for the help

"Validity of data" in WAD

I made a web report in the WAD containing a query in a table item.
What I would like to display is "Validity of data" (as date/time) which I see when I display the query on the web from BEx with the default view.
How do I display that?

Thank you very much!
I had already tried that one before but it must have flashed in front of my eyes cause I didn't see it.
Problem solved...

How to customize the table layout in WAD (BI70)

hi experts,
i want to customize the table layout in WAD.
in 3.5, i can set the table interface class,and use T_Code se24.
but now i am using BI7.0, there is no table interface, so how can i customize the table layout?

Use report designer for customerizing.

Display reports from BW using WAD on blackberry

Hi All,
I have to display reports from BW using WAD on blackberry
can any one please guide me how to do it?
awaiting Reply
Thanks & Regards
Prasad

you have to integrate SAP Mobile infrastrcture with BW system to achive this.

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" />

<title>Untitled Document</title>

<link href="../CSS/main.css" rel="stylesheet" type="text/css" />


<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>

<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>


   <div id="buyNow2"><a href="../order_now.html"><img src="../buynowbutton.png" width="130" height="25" /></a></div>
   
<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.

WAD - IE7

Similar Messages

Maybe you are looking for