TACACS Problem on CSS

Dear ALL,
we have some trouble with TACACS on the CSS. We have configured all relevant stuff on the box, but we will receive no successfull replay from the Server, when we use our RADIUS Server then the reply will be done very nice and successfully. The Setup is the easiest way the Server will be in the same subnet as the CSS. ANy hints or tricks ?
The log from CSS is this :
SEP 5 02:59:28 1/1 9 SECURITY-7: SECMGR:SecurityAuth:Request from 0x00004b07
SEP 5 02:59:28 1/1 10 SECURITY-7: SECMGR:SecurityMgrProc:Try Primary
SEP 5 02:59:28 1/1 11 SECURITY-7: Security Manager sending error 7 reply to caller 1c01
SEP 5 02:59:28 1/1 12 SECURITY-7: SECMGR:SecurityMgrProc:Try Secondary
SEP 5 02:59:28 1/1 13 SECURITY-7: Security Manager sending error 7 reply to caller 1c01
SEP 5 02:59:28 1/1 14 SECURITY-7: SECMGR:SecurityMgrProc:Try Tertiary
SEP 5 02:59:28 1/1 15 SECURITY-7: Security Manager sending success 0 reply to caller 1c01
SEP 5 02:59:28 1/1 16 SECURITY-7: SECMGR:SecurityMgrProc:Try Done, Send 0x00004b07
SEP 5 03:00:01 1/1 17 NETMAN-6: Session logged out due to idle timer
SEP 5 03:03:10 1/1 18 SECURITY-7: SECMGR:SecurityAuth:Request from 0x00004b09
SEP 5 03:03:10 1/1 19 SECURITY-7: SECMGR:SecurityMgrProc:Try Primary
SEP 5 03:03:10 1/1 20 SECURITY-7: Security Manager sending error 7 reply to caller 1c01
SEP 5 03:03:10 1/1 21 SECURITY-7: SECMGR:SecurityMgrProc:Try Secondary
SEP 5 03:03:10 1/1 22 SECURITY-7: Security Manager sending error 7 reply to caller 1c01
SEP 5 03:03:10 1/1 23 SECURITY-7: SECMGR:SecurityMgrProc:Try Tertiary
SEP 5 03:03:10 1/1 24 SECURITY-7: Security Manager sending success 0 reply to caller 1c01
SEP 5 03:03:10 1/1 25 SECURITY-7: SECMGR:SecurityMgrProc:Try Done, Send 0x00004b09
SEP 5 03:03:41 1/1 26 NETMAN-6: Session logged out due to idle timer

Hi There,
here are the config.
we Have also tried with the quoted text password. Decrypted and encrypted. Nothing helps. Thx for a solution
virtual authentication primary tacacs
virtual authentication secondary local
cdp run
logging subsystem security level debug-7
logging subsystem netman level info-6
tacacs-server 192.168.0.5 49
tacacs-server authorize config
tacacs-server key testsecret

Similar Messages

Problem with css processing in Firefox8 on Win7.

Hi guys. I have a problem with css processing in Firefox8 on Win7. I need to make div which width and left css properties should be dynamically changed. Inside this div i have an swf object. When i change width and left css styles for my div, it jumps on the page, but other browsers render that well. What can you suggest to fix this problem? Thanks

A good place to ask advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25

Problems with CSS Footer Div

Problems with CSS
I am building a new page for my company. I am trying to place the Div Footer at the bottom of the screen. I have placed (i believe) the appropriate information for the CSS.
The problem is when i minimize the browser the Footer section never leaves the screen and hovers over the other div tags. When I shrink the browser to its maximum the divs fall on top of each other.
What I would like to know is how to make the Footer div below hide like the other divs but remain at the bottom of the page instead of hovering over the other divs. I have read that I should not apply fixed divs.... is that correct?
I have applied to the current CSS to the below web page: http://trbla.com/sample.html
#rhythm {
width: 607px;
margin-top: 300px;
margin-right: auto;
margin-left: auto;
*img {
border: 0;
#rhythm #goldr {
width: 215px;
float: left;
border: 0;
#rhythm #trbnew {
float: left;
width: 181px;
border: 0;
#rhythm #greyr {
width: 211px;
float: left;
border: 0;
#nav {
margin-top: 200px;
width: 607px;
margin-right: auto;
margin-left: auto;
padding-bottom: 100px;
clear: both;
#nav #navonewrap {
float: left;
clear: both;
#nav #navwraptwo {
float: left;
width: 175px;
height: 22px;
#nav #navwrapthree {
float: right;
width: 215px;
margin-right: -75px;
#footer {
bottom: 0px;
clear: both;
position: fixed;
width: 100%;
#footer #left_footer {
float: left;
clear: left;
overflow: hidden;
#footer #r_footer {
float: right;
Thanks for anyones help thus far,
Rhythm

I think it's the way I'm doing the conditional statement.
'Went through another knowledge-base article that basically had me
incorporate the conditional attribute into the <xsl:for-each
select= . . .> statement and it appears to be a better way. I
also created a xslt fragment and inserted it into a php page rather
than making the whole thing xslt. I think this helps as well, but
can't absolutely close the book on this until the server is
properly configured to transform xslt in php pages.
Here's the latest
http://cals.arizona.edu/arizonawet/workshops/current_workshops-trial2.php

Will there be any problem if CSS reuses a TCP PORT number?

Will there be any problem if CSS reuses a TCP PORT number for a new flow a few minutes after it finished a flow with the same TCP Port number.
CSS Server inititaed connection to Internet.
Sometimes a TCP RST terminates the connection. When it happens it appears that the CSS has used a TCP source port number which is sthe same as a previous flow that FIN'ed a few minutes ago. See attachment.

My answer to your question is, I think you'll be 'less likely'. Although the screen proble has also been reported to create blue tints over the screen at certain angles, thus, if you do get a defective (yet to be confirmed) device, then sadly, it will most definatley affect the colours of a cartoon show.

Problem with .css for Spry menu

Hi,
I am having a problem with the Spry menu I have created and edited. All looks great in the Design view of Photoshop however under the Live view or opened using a browser the menu reverts to a list of hyperlinks!
I have checked the .css link but when using Firefox CSS editor the CSS file for the menu is simply blank?
Any suggestions would be great!
Thanks,
Ozan

Your SpryMenuBarHorizontal.css needs to be within your SpryAssets folder, which is where it would have been put automatically when you inserted the SpryMenuBar. You can move it back in there using the Files Panel.
Here is what the file structure needs to look like:
SpryAssets
SpryMenuBar.js
SpryMenuBarHorizontal.css
cssstyletemplate.css
index.html (or whatever the name of your page is)
Hierarchally, the top level of your root folder will show folders for SpryAssets and css and the html pages will be on the same level.
The Spry assets themselves will be down a level IN the SpryAssets folder, as the styletemplate.css file will be down a level IN the css folder.
In the head of the document, you will have
     <link rel="stylesheet" type="text/css" href="css/styletemplate.css" />
     <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"> </script>
     <link rel="stylesheet" type="text/css" href="SpryAssets/SpryMenuBarHorizontal.css" />
At the end, remove the slash before Spry inside the imgDown and imgRight sections:
     <script type="text/javascript">

</script>
Compare these with your files and file structure and correct any small typos, and they should be correctly linked.
Beth

Problem with CSS in page I have written [SOLVED]

There is a php page I have created at work which works fine with Firefox 3.6.
In one specific page Firefox 4 does not show correctly a table with CSS.
I tried to remove the css and just have the table with no styling but the problem persists.
the php file is this:
<pre><nowiki><html>
<head>
<title>Pending Issues Close Case</title>
<style type="text/css">
#blinking {text-decoration: blink; text-align:left; color:#FF0000;}
body {
background-image:url('on2.jpg');
background-repeat:no-repeat;
background-position:700 50;
background-attachment:fixed;
#efms
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
#efms td, #efms th
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
#efms th
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
#efms tr.alt td
color:#000000;
background-color:#EAF2D3;
</style>
<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
<script type="text/javascript">
window.onload = function(){
new JsDatePick({
useMode:2,
target:"date_of_problem",
dateFormat:"%Y-%m-%d"
new JsDatePick({
useMode:2,
target:"closed_date",
dateFormat:"%Y-%m-%d"
function checkEmpty() {
var date_of_problem = document.save_entries.date_of_problem.value;
var hour_of_problem = document.save_entries.hour_of_problem.value;
var min_of_problem = document.save_entries.min_of_problem.value;
var reported_to = document.save_entries.reported_to.value;
var problem_description = document.save_entries.problem_description.value;
var close = document.save_entries.close.value;
var closed_date = document.save_entries.closed_date.value;
var closed_hour = document.save_entries.closed_hour.value;
var closed_min = document.save_entries.closed_min.value;
var ok = "true";
var why = "";
var ok2 = "true";
var tmp1 = date_of_problem.split("-");
var date1 = new Date(tmp1[0], tmp1[1], tmp1[2], hour_of_problem, min_of_problem);
var tmp2 = closed_date.split("-");
var date2 = new Date(tmp2[0], tmp2[1], tmp2[2], closed_hour, closed_min);
if (date_of_problem.length == 0) {
ok = "false";
why += "Date of problem is empty\n";
if (reported_to.length == 0) {
ok = "false";
why += "Reported to is empty\n";
if (problem_description.length == 0) {
ok = "false";
why += "Problem description is empty\n";
if (closed_date.length == 0 && close == "Yes") {
ok = "false";
why += "Closed date is empty\n";
if (date2 < date1) {
ok = "false";
why +="Closed date cannot be earlier than problem date\n";
if (ok == "true") {
return true;
else {
alert(why);
return false;
</script>
</head>
<body>
<?php
session_start();
if (!isset($_SESSION['pending_user'])){
header("location:main_login.php");
if ($_GET['entry'] == "" || $_GET['entry'] == NULL)
header("location:view_entries.php");
$id = $_GET['entry'];
function get_entry($id) {
$mysql_host = "localhost";
$mysql_user = "portal";
$mysql_pass = "portal";
$db_name = "pending_issues";
$entries_table = "entries";
mysql_connect("$mysql_host", "$mysql_user", "$mysql_pass") or die("cannot connect to DB" . mysql_error());
mysql_select_db("$db_name")or die("cannot select DB" . mysql_error());
mysql_query("set names 'utf8'")or die("fook!" . mysql_error());
$entry_query = "SELECT * FROM $entries_table WHERE id='$id'";
$entry_data = mysql_query($entry_query) or die("Cannot execute query");
$entry_row = mysql_fetch_array($entry_data) or die("Cannot fetch row");
$date_of_problem = $entry_row['date_of_problem'];
$time_of_problem = $entry_row['time_of_problem'];
$hour_of_problem = strtok($time_of_problem, ":");
$min_of_problem = strtok(":");
$resp_technician =$entry_row['resp_technician'];
$reported_to = $entry_row['reported_to'];
$description = $entry_row['problem_description'];
$closed_date = $entry_row['closed_date'];
$closed_time = $entry_row['closed_time'];
$closed_hour = strtok($closed_time, ":");
$closed_min = strtok(":");
$closed_by = $_SESSION['pending_user'];
echo '<h2><font color="#A7C942">Welcome, ' . $_SESSION['pending_user'] . '</font></h2>';
echo '<table id="efms">';
echo '<tr class="alt">';
echo '<td>';
echo '<br><a href=index.php>Home</a><br><br>';
echo '</td>';
echo '<td>';
echo '<br><a href=view_entries.php>View entries</a><br><br>';
echo '</td>';
echo '<td>';
echo '<a align="center" href="logout.php">Log out</a><br>';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '<br>';
echo '<form name="save_entries" action="save_entries.php" method="post" onSubmit="return checkEmpty();"';
echo '<table id="efms">';
echo '<tr>';
echo '<th>';
echo 'Problem date';
echo '</th>';
echo '<td>';
echo '<input id="date_of_problem" name="date_of_problem" type="text" value="' . $date_of_problem . '">';
echo '<input type="hidden" name="entry" value="' . $id . '">';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Problem time';
echo '</th>';
echo '<td>';
//echo '<input name="time\_of\_problem" type="text" value="' . $time_of_problem . '">';
echo_hour($hour_of_problem, "hour_of_problem");
echo ":";
echo_min($min_of_problem, "min_of_problem");
echo '</td>';
echo '</tr>';
echo_reported_to($reported_to);
echo '<tr>';
echo '<th>';
echo 'Problem description';
echo '</th>';
echo '<td>';
echo '<textarea name="problem_description" rows="5" cols="40">' . $description . '</textarea>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Closed date';
echo '</th>';
echo '<td>';
echo '<input name="closed_date" id="closed_date" type="text" value="' . $closed_date . '"> ';
echo 'Close case? ';
echo '<select name="close">';
echo '<option>Yes</option>';
echo '<option>No</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Closed time';
echo '</th>';
echo '<td>';
echo_hour($closed_hour, "closed_hour");
echo ":";
echo_min($closed_min, "closed_min");
echo '</td>';
echo '</tr>';
//~ echo '<tr>';
//~ echo '<th>';
//~ echo 'Closed by';
//~ echo '</th>';
//~ echo '<td>';
//~ echo '<input id="resolve_date" name="resolve_date" type="text" value="' . $closed_by . '">';
//~ echo '</td>';
//~ echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Submit';
echo '</th>';
echo '<td>';
echo '<input name ="submit" type="submit">';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '</form>';
mysql_close();
function echo_hour($hour, $name) {
echo '<select name="' . $name . '">';
for ($i = 0; $i < 24; $i++) {
if ($i < 10)
$temp_hour = "0" . $i;
else
$temp_hour = $i;
if ($hour != $temp_hour)
echo '<option>' . $temp_hour . '</option>';
if ($hour == $temp_hour)
echo '<option selected>' . $temp_hour . '</option>';
echo '</select>';
function echo_min($min, $name) {
echo '<select name="' . $name . '">';
for ($i = 0; $i < 60; $i++) {
if ($i < 10)
$temp_min = "0" . $i;
else
$temp_min = $i;
if ($min != $temp_min)
echo '<option>' . $temp_min . '</option>';
if ($min == $temp_min)
echo '<option selected>' . $temp_min . '</option>';
echo '</select>';
function echo_reported_to($reported_to) {
echo '<tr>';
echo '<th>';
echo 'Reported to';
echo '</th>';
echo '<td>';
//echo '<select name="reported_to" value="' . $reported_to . '">';
echo '<select name="reported_to">';
if ($reported_to == "IT") {
echo '<option selected>IT</option>';
echo '<option>NetEng</option>';
echo '<option>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "NetEng") {
echo '<option>IT</option>';
echo '<option selected>NetEng</option>';
echo '<option>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "VTT") {
echo '<option>IT</option>';
echo '<option>NetEng</option>';
echo '<option selected>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "NOC") {
echo '<option>IT</option>';
echo '<option>NetEng</option>';
echo '<option>VTT</option>';
echo '<option selected>NOC</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
get_entry($id);
?>
</body>
</html>
</nowiki></pre>
<br />
The problem is for the table in line 188.
it should look like this:
http://img571.imageshack.us/img571/5183/shouldlooklike.png
but instead it looks like this:
http://img860.imageshack.us/img860/323/lookslikethis.png
The same problem appears in IE.
Thank you,

Please do not consider my previous post as I found out that it was a coding error, a forgotten ">"
Thank you.

Problem with CSS styles and Previewing in Firefox

Hello,
I recently rebooted my Mac OS X system (leopard) and reinstalled Adobe CS3. Before this I had virtually no problems with Dreamweaver and everything was running smoothly. However, now whenever I preview my pages in Safari, the CSS code is completely mangled.
Also, my site won't preview in Firefox unless I close any existing tabs and exit Firefox completely. I have no idea why these problems are occurring, but I have pasted the code below so any advice would be extemely helpful.
---------------------------------html----------------------------------------
<!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>armed and harmless</title>
<link href="untitled.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
    <div id="nav">
    </div>
</div>
</body>
</html>
-----------------------------------css-----------------------------------
@charset "UTF-8";
    background-color: #000000;
    background-image: url(images/header.jpg);
    background-repeat: no-repeat;
    margin: 0px;
#wrapper {
    height: 800px;
    width: 1000px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
    background-image: none;
#wrapper #nav {
    background-color: transparent;
    background-image: none;
    height: 30px;
    width: 1000px;
    margin-top: 260px;
    clear: both;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;

hey there,
thanks so much for the insight on the firefox issue. hopefully they fix that soon.
as for the css, i do have a screenshot of what's happening. the background image seems to repeat after the navigation bar instead of keeping the transparent background. it's extremely odd and i've never seen it before. it can be seen in the attached photo.
thanks again for your help,
-e

Problem with Css styles not showing in live view or when i browse

I am using Mac osx 10.6 and building website with Dreamweaver CS5. Sometimes div tags i create not showing styles or rendering in live view or when I browse but showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
Johanna

<!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>Portfolio</title>
<style type="text/css"></style>
<link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head>
<body>
<div id="wrapper">
<div id="mainnav">
    <div id="navbar">
      <ul>
        <li><a href="index.html"><br />
        </a></li>
<li>
          <ul>
            <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
            <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
          </ul>
        </li>
      </ul>
</div>
    <div id="contentinside">
      <div id="navbar2">
        <ul>
          <li><a href="design.html">Design</a></li>
          <li><a href="multimedia.html">Multimedia</a></li>
          <li><a href="webdesign.html">Web Design</a></li>
        </ul>
      </div>
      <div id="mm1thumb">Content for id "mm1thumb" Goes Here</div>
      <div id="mm2thumb">Content for id "mm2thumb" Goes Here</div>
    </div>
    <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
<div id="footer">
    <p> </p>
    <p>Johanna Bresnahan</p>
    <p>Web & Graphic Design - http://www.johannabresnahan.com</p>
    <p> email: [email protected] ....phone....857•991•5717<br />
</p>
</div>
</div>
</div>
</body>
</html>
Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
Johanna

Problem with CSS files when placed in multiple locations.

Hi,
In our application we have a folder structure for the code files. Folder structure looks something like the one shown below:
ABC
---Scripts
---Stylesheets
DEF
Scripts
Stylesheets
Common
---Scripts
---Stylesheets
The problem is, if we create a CSS file and place it in its module specific folder (Eg: ABC) to which it belongs to and call the CSS on a page, then the styles are not getting applied to the page. But if we move the stylesheet to the Common folder, then page renders properly. In common folder, we already have a common CSS which is used across the project.
Facing similar problem with module specific and common js files.
We have to move all the module specific files to the module folders and all the common files to be placed in the Common folder.
MII Version: 11.5
Please help!
Regards,
Rajesh.

Rajesh,
Also note that, If your html is referencing to multiple css files then the last referenced CSS file style classes will override all the style class having same names in the previous css files.
for example,
say CSS1 has
.bodycolor
background-color:yellow;
.button
color:red;
h1
font-size:50pt;
and CSS2 has
.bodycolor
background-color:red;
.button
color:yellow;
And your HTML is,
<html>
<head>
<link rel="stylesheet" type="text/css" href="css1.css"/>
<link rel="stylesheet" type="text/css" href="css2.css"/>
<title>CSS Test</title>
</head>
<body class="bodycolor">
<h1>Hello World</h1>
<input type="button" class="button" name="B1" id="B1" value=" Click " size="50">
</body>
</html>
In this case the classes "bodycolor" and "button" will be overridden by css2 file but h1 will be taken from css1
Hope this helps!!
Regards,
Adarsh

Problem with CSS Designer in the Panels

Hello,
I have just joined Creative Cloud, I have downloaded the newest apps. In Dreamwever I cannot see the CSS Designer in the panels. After a few ours of looking for solution for this problem (all throw Internet inclusive this Forum), I have to ask you dear helpers to help me.
So, where I can find CSS Designer in the Panels? It is not on the right side, it is nowhere.
Thank you in Advance
be-designed, Slava

Dear John,
Thank you for you answer.
I lost many ours looking for what is wrong with my CC Connect, Dreamweaver... I would suggest to Adobe to put a small info on a visible place for people to know about this.
best regards
be-designed

Problem with CSS/Template in IE display

Hi,
I have a problem with a new web site
http://www.halloween-mayhem.com.
The CSS is at
http://www.halloween-mayhem.com/MasterCSS3Col240606.css
and the template at
http://www.halloween-mayhem.com/Templates/MasterHM3Col250606.dwt
When viewed in Firefox everything is fine, but in IE the
content slips right down the page to beyond the menu . Any idea
what I have missed or done wrong please?
Any help greatly appreciated.
Roy

The slipping content is too wide for the space you've
allotted. Make it 3px
narrower.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"roythom" <[email protected]> wrote in
message
news:ecti8e$ohh$[email protected]..
> Hi,
>
> I have a problem with a new web site
http://www.halloween-mayhem.com.
The
> CSS
> is at
http://www.halloween-mayhem.com/MasterCSS3Col240606.css
and the
> template
> at
http://www.halloween-mayhem.com/Templates/MasterHM3Col250606.dwt
>
> When viewed in Firefox everything is fine, but in IE the
content slips
> right
> down the page to beyond the menu . Any idea what I have
missed or done
> wrong
> please?
>
> Any help greatly appreciated.
>
> Roy
>

CrystalReport problem with CSS in VS 2010

Hi,
Please help me with following issue:
I have an ASP.NET project and it contains a lot of reports (.rpt, CrystalReports).
All worked fine untill I updated my CrystalReports to version 13. (were VS2008, .NET 3.5, now VS2010, .NET 4.0, CR13.0 )
All my reports have lost css-styles.
The styles were set according to this msdn link and worked fine:
http://msdn.microsoft.com/en-us/library/aa288418%28v=vs.71%29.aspx
I've investigated this problem and found out the reason:
for now the report itself is rendered inside its inner IFrame and obviously all css-styles specified for parent page are not applied.
But could you tell me is css-styling supposed to work in CR 13?
Or at least whom I should address this question to?

CSS is supported in CRVS2010, but there are issues. See [this|Is property CSS styling supported in Crystal Reports; thread.
Unfortunately, I have not had time to take a closer look at this yet. I'll try this week.
Ludek
Follow us on Twitter http://twitter.com/SAPCRNetSup
Got Enhancement ideas? Try the [SAP Idea Place|https://ideas.sap.com/community/products_and_solutions/crystalreports]

Problem with CSS in IE7

Hi ,
In my jsp page, am using a css class as below, it is working fine on IE6 but it is not coming properly on IE7. Please advise some one on this...
Thanks in advance....!!!
.movebutton
BORDER-TOP-WIDTH: 1px;
FONT-WEIGHT: bold;
BORDER-LEFT-WIDTH: 1px;
FONT-SIZE: 8pt;
BORDER-LEFT-COLOR: white;
BACKGROUND: url(../Images/movebutton.bmp) fixed repeat-x center 50%;
BORDER-BOTTOM-WIDTH: 1px;
BORDER-BOTTOM-COLOR: white;
TEXT-TRANSFORM: capitalize;
WIDTH: 20px;
COLOR: white;
BORDER-TOP-COLOR: white;
FONT-FAMILY: "Verdana";
HEIGHT: 20px;
TEXT-ALIGN: center;
BORDER-RIGHT-WIDTH: 1px;
BORDER-RIGHT-COLOR: white
}

What does this have to do with Java? These are Java forums.
And in anycase you haven't even specified a problem; and apparently you aren't aware that CSS doesn't render the same on all browsers just like some JavaScript methods are browser specific.

Spry Menu Bar 2.0 (1.0) - Handling of widget generated CSS, placement and rendering problems in CSS

Hello:
I wanted to repost my question to re-frame the issue based on what I have learned thus far.
I am working on a website that has been developed using the Spry Menu Bar Framework UI (2.0) I.0, that has some peculiar rendering problems that affect IE 6 in particular. The CSS is reprinted below.
In particular, when I post the widget generated CSS in the head as it is orginally situated by the framework, the menu bar works fine. However, it seemed to me that I should be able to reduce page weight (an important consideration considering my target population) by placing it in the general style sheet governing the entire site.
When I place the styles at the beginning of the style sheet the menu doesn't render at all in any of the browsers (IE 6+, Firefox, Opera, Safari, Netscape, etc.) as it conflicts with the general rules governing links that appear later in the style sheet. When I place the styles specific to the Menu bar at the end of the style sheet, then the menu bar renders properly in all browsers except IE 6.
The odd thing is that the only way to ensure that the menu bar works in IE 6 is to keep the menu related styles in the head of each page. This raises problems related to page weight (not an insurmountable consideration if no other solution can be found) but still an issue. Likewise I need to support IE 6, again given the target audience/population. The issue obviously has something to do with specificity, but I am not certain that is the only consideration at work here. I have not tried the !important selector in regard to the menu, as IE 6 seems to only partially support this.
Thanks in advance for any advice or insight that can be provided. Thanks in particular to Martin for his contributions to my earlier question related to this issue.
Steve Webster.
The CSS governing the horizontal menu bar is as follows: (currently the following CSS is embedded in the head of the web page)
<style type="text/css">
/* -- 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 rightpointing 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, allsubmenus 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 levelmenu 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 onthe 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 onMenuBar 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/Nav igation%20Bar%20Segment-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: none none none none;
#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/Nav igation%20Bar%20Segment%20Light2.png);
    background-repeat:repeat-x;
#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;
#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 theparent MenuItemContainer - nice to have but not available on ie6 */
    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 theMenuItemContainer. 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 forselection, such as "hover" (MenuItemHover) and "has a subMenu"(MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in aselector for an element. For a selector such as '.foo.bar.baz', IE6ignores
* all but the final classname (here, '.baz'), and sets thespecificity accordingly, counting just one of those classs assignificant. 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 lotof these needed, the plugin does not generate the extra classes formodern 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.jsscript.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser isInternet Explorer 6. This avoids the necessity of IE conditionalcomments 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 */
</style>
The CSS governing the site generally is reproduced below: (my belief is that it is the a:link, a:visited, a:hover, a:active styles that may be in conflict).
@charset "utf-8";
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
   min-height: 0; /* This is necessary to overcome the "haslayout" bugthat is found in Windows 7 in conjuction with IE8. For Moreinformation see: URL -- http://reference.sitepoint.com/css/haslayout.html */
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align:center; /* This allows for the centering of the container and overcomes a bug inherent in IE 5 */
    color: #000000;
    list-style-image: none;
    background-color: #FCFCFC;
h1,h2,h3,h4,h5,h6 {
color:#000066;
a:link {
    color: #151A96;
    text-decoration: underline;
a:visited {
    text-decoration: underline;
    color: #1B8DCD;
a:hover {
    text-decoration: none;
    color: #F30A0A;
a:active {
    text-decoration: underline;
    color: #151A96;
#container {
    width: 960px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
    background-image:
    url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Website%20Midsection %20_960.png);
    background-repeat: repeat-y;
#header {
       padding: 0; /* this padding matches the left alignment of the elementsin the divs that appear beneath it. If an image is used in the #headerinstead of text, you may want to remove the padding. */
        width:960px;
        height:332px;
        background-image:
        url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Website%20Header_960 .png);
        background-repeat:no-repeat;
#header h1 {
    margin-right: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    display:none;
#header img {
    display: none;
#Main_nav_contents {
    padding: 0;
    margin-top: 0px;
    height: 39px;
    width: 950px;
    padding-top: 275px;
    padding-left: 39px;
    z-index: 3;
#MenuBarVertical {
    margin-bottom: 50px;
    padding-top: 50px;
    padding-bottom:200px;
    padding-left: 15px;
    padding-right: 15px;
.mainContent_left {
   margin: 0;/* the right margin on this div element creates the columndown the right side of the page - no matter how much content thesidebar1 div contains, the column space will remain. You can removethis margin if you want the #mainContent div's text to fill the#sidebar1 space when the content in #sidebar1 ends. */
    padding-left:30px;
    padding-right:20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    width: 600px;
    float: left;
.sidebar_right {
    float: right; /* since this element is floated, a width must be given */
    width: 270px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    margin-top: 30px;
    margin-left:0;
    margin-right:10px;
    font-size:90%;
.mainContent_right {
    margin-left: 10px;
    padding-left:30px;
    padding-right:20px;
    width: 600px;
    float: right;
.sidebar_left {
    float: left; /* since this element is floated, a width must be given */
    width: 270px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    margin-top: 30px;
    margin-left:30px;
    margin-right:0;
    overflow: hidden;
    font-size:90%;
.main_content_centered {
    width: 650px;
    margin-left: 155px;
.main_content_centered_header {
    margin-left: 75px;
.sidebar_textbox {
    margin: 0px;
    width: 260px;
    padding: 2px;
.sidebar_textbox_header {
    width:255px;
    height:58px;
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Por trait%20Textbox%20Header.png);
.sidebar_textbox_background_middle {
     width: 255px;
    padding-top: 12px;
    padding-bottom: 10px;
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Por trait%20Textbox%20Middle.png);
    background-repeat: repeat-y;
.sidebar_textbox_content {
   /* The width and padding are set as follows to accomodate quirks inbrowser rendering and to ensure that text is contained within thebackground of the text box */
    width: 230px;
    padding-left: 20px;
    padding-right: 40px;
.sidebar_textbox_footer {
    width:255px;
    height:64px;
background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Port rait%20Textbox%20Footer.png);
#issues_menu a:link {
    color: #151A96;
    text-decoration: none;
    font-weight:bold;
#issues_menu a:visited {
    color: #151A96;
    font-weight:bold;
    text-decoration: none;
#issues_menu a:hover {
    color: #F30A0A;
    font-weight:bold;
    font-style: oblique;
    text-decoration: none;
#issues_menu a:active {
    color: #151A96;
    font-weight:bold;
    text-decoration: none;
#archives {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 0px;
.landscape_textbox {
    width: 500px;
    margin-right: 0px;
    margin-left: 30px;
    padding-top:35px;
    padding-bottom: 25px;
    font-style: normal;
    font-weight: normal;
.landscape_textbox_hdr {
    width:500px;
    height:38px;
    margin:auto;
    padding:0;
    background-image:
url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Landscape%20Textbox%2 0Header.png);
.landscape_textbox_middle {
    width:auto;
    margin:auto;
    padding-top: 12px;
    padding-bottom: 12px;
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/lan dscapte%20Textbox%20Middle.png);
    background-repeat:repeat-y;
.landscape_textbox_content {
    width:450px;
    padding:25px;
.landscape_textbox_ftr {
    width:500px;
    height:44px;
    margin:auto;
    padding:0;
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Lan dscape%20Textbox%20Footer.png);
#footer {
    padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    width: 960px;
    height: 222px;
    background-image:
    url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Website%20Footer%20_ 960.png);
    background-repeat:no-repeat;
#footer p {
   margin: 0px; /* zeroing the margins of the first element in the footerwill avoid the possibility of margin collapse - a space between divs */
    padding:0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    text-align:center;
    margin-left: 50px;
    margin-right: 50px;
    padding: 10px;
    font-size: small;
#footer h5 {
text-align:center;
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
.dropcap {
    display: block;
    float: left;
    line-height: 80%;
    font-size: 250%;
    font-weight: bolder;
    color: #000066;
    padding: .03em .1em 0 0;
.red_arrows {
    list-style-position: outside;
    list-style-image: url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Arrow%20Large.png);
.blue_bullets {
    list-style-position: outside;
    list-style-image: url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Bullet%20Medium%20Fu ll.png);
.attention {
    color: #F30A0A;
    font-size:x-large;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight:900;
.attention_small {
    color: #F30A0A;
    font-size:large;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight:900;
.table {
    table-layout:fixed;
.blue {
    color: #00F;
#container .mainContent_left p .blue {
    color: #0303A0;

Hi Nancy:
The specific code that I am referring to is the CSS code governing the styling of the spry menu widget that only works in IE 6 if, and only if, it remains in the head of the web page. If removed and placed in a stylesheet, the IE plugins fail to compensate for the IE 6 "gap" bug. As I said, it doesn't make sense to me that, assuming specificity is addressed, that these can not be included in an external style sheet. I am looking for a) an explanation why they must remain embedded in the web page; and 2) any means by which I might be able to export them.
I will reproduce the specific css style (code) below: it should also be visable through reveal source --
Thanks again, Steve Webster.
The CSS governing the horizontal menu bar is as follows: (currently the following CSS is embedded in the head of the web page)
<style type="text/css">
/* -- 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 rightpointing 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, allsubmenus 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 levelmenu 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 onthe 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 onMenuBar 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/Nav igation%20Bar%20Segment-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: none none none none;
#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/Nav igation%20Bar%20Segment%20Light2.png);
    background-repeat:repeat-x;
#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;
#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 theparent MenuItemContainer - nice to have but not available on ie6 */
    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 theMenuItemContainer. 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 forselection, such as "hover" (MenuItemHover) and "has a subMenu"(MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in aselector for an element. For a selector such as '.foo.bar.baz', IE6ignores
* all but the final classname (here, '.baz'), and sets thespecificity accordingly, counting just one of those classs assignificant. 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 lotof these needed, the plugin does not generate the extra classes formodern 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.jsscript.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser isInternet Explorer 6. This avoids the necessity of IE conditionalcomments 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 */
</style>

Problem using CSS in Flash MX 2004

While working through a tutorial using Flash MX 2004 and CSS
StyleSheets, publishing the page produces the error below each time
I attempt to publish the page and I am unable to continue. There
doesn't seem to be a problem with the code, and the TextField.as
file is in the location where this error indicates that it is not.
Can anyone help?
//********************************* Error Message
**Error** C:\Documents and Settings\Administrator\Local
Settings\Application Data\Macromedia\Flash MX
2004\en\Configuration\CLASSES\TextField.as: Line 47: The class
'TextField.StyleSheet' could not be loaded.
var styleSheet:TextField.StyleSheet;
**Error** Scene=Scene 1, layer=a, frame=1:Line 4: The class
'TextField.StyleSheet' could not be loaded.
var cssStyles:TextField.StyleSheet = new
TextField.StyleSheet ();
Total ActionScript Errors: 2 Reported Errors: 2
//********************************* /Error Message
//-------------------------- The code that produces the error
var cssStyles:TextField.StyleSheet = new TextField.StyleSheet
cssStyles.load("styles/styles.css");
cssStyles.onLoad = function (success) {
if (success) {
loadedInfo.styleSheet = cssStyles;
} else {
loadedInfo.text = "There has been an error loading the
requested information. Please contact the Webmaster and report your
error.";
//-------------------------- /The code that produces the
error ----------------------\\
TX!
David Marion
Email: [email protected]

I found the problem!!
While exploring the Fireworks MX 2004 folder located under
"C:\Documents and Settings\USER\Application Data\Macromedia\"
folder I discovered that this folder was empty. So, I connected the
old hard drive and investigated the contents of the corresponding
folder on that drive. Discovering the wide assortment of files and
folders in that folder, I simply copied the contents of that folder
to the Fireworks MX 2004 folder and retried running the application
and IT WORKED!
Thanks for all your communications and in depth
troubleshooting steps, I will keep them in may Application
troubleshooting Tool Tips for future reference. I have included the
actions used here which brought about the successful resolution of
this issue so that if you'd like you might include them in any Help
Desk Methods you may have. It was truly a collaborative effort
because I would not have thought to explore the Application Data
folder to resolve this issue without you pointing me in that
direction.
Thanks again!

TACACS Problem on CSS

Similar Messages

Maybe you are looking for