Height of Controlbar

Hello all,
1. I would like to change the Position of the Elements (Play Button, Scrubbar) in the Controlbar.
Q: How to do that? ... is there any tutorial or hints? An Example would be nice
2. Does anyone know where the height of the Controlbar is defined and how can i change the height of the Controlbar, in that way that the other elements will follow that new height (... I explicit think on the Hintbox)
Thanks all for help!
Grau

Yes, it is possible and described in this knowledge base article: http://helpx.adobe.com/cq/kb/ChangeSizeOfRTEDialog.html. For a start, use the provided sample package (http://helpx.adobe.com/cq/kb/ChangeSizeOfRTEDialog/_jcr_content/main-pars/download/file.re s/example-text-component-overlay.zip) that overlays the foundation text component. This will show you the structure of the configuration properties that are used to change the height (and width) of a RTE dialog.

Similar Messages

Why is my audio recording not playing?

Hi,
I have a series of 33 audio files on my site for member access. I can play each of the first 32 but on the last one, I can only see a message "loading the player...." and thus can't play it. Why is this happening and how do I correct it?
Thanks
Brad

Hi Brad,
I fixed that, you have some tags ending inside the respective songs's player code.
<script type="text/javascript">
    jwplayer("$#%$#^$##$%#").setup({
        flashplayer: "../$#%$#^#$^$#.swf",
        file: "/_literature_65171/&^$^$%^#3",
        'width': '560',
        'height': '24',
        'controlbar': 'bottom'
</body></html></script>
Kind Regards,
Alex

I've a problem with QuickTime controlbar when I use transparent wmode

Hello All,
I've a problem with QuickTime controlbar. When I use this code :
<object height="592" width="690" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<param value="http://streamer.podcast.ulg.ac.be/reflexions/scienceensamusant/doccafe/D ocHorlogesBis.mov" name="src">
<param value="true" name="autoplay">
<param value="true" name="controller">
<param value="true" name="kioskmode">
<param value="true" name="loop">
<param value="video/quicktime" name="type">
<param value="transparent" name="wmode">
<embed height="592" width="690" type="video/quicktime" loop="true" kioskmode="true" controller="true" autoplay="true" pluginspage="http://www.apple.com/quicktime/download/" src="http://streamer.podcast.ulg.ac.be/reflexions/scienceensamusant/doccafe/Doc HorlogesBis.mov">
</object>
with transparent wmode, the controlbar don't print correcty on IE7/IE8.
If I use this code without wmode='transparent', It work but my css menu doesn't work.
Anybody can help me ? Thank in advance.
JP

Hello,
The suggestion made by Golubkov is correct. Make sure that you have configured the CAN objects to correspond to the Ports- for instance, Port1 to CAN0 and Port 2 to CAN1.
If this dosen't fix the problem, let us know what the error message clearly states ( can be found out by clicking on the details tab).

How do i add controlBar to Spark titileWindow using AS?

Hi All,
I have extended the titlewindow to myTitleWindow as file and i need to add controlBar progrematically (using AS not using MXML).
Any idea how is it done?

I did a little experiment with it. This seems to work ok.
<fx:Script>
<![CDATA[
import mx.controls.Button;
import mx.events.FlexEvent;
protected function application1_creationCompleteHandler(event:FlexEvent):void
var btn:Button = new Button();
btn.label = 'mybutton';
var btn2:Button = new Button();
btn2.label = 'mybutton2';
tw.controlBarContent = new Array();
tw.controlBarContent.push(btn);
tw.controlBarContent.push(btn2);
]]>
</fx:Script>
<fx:Declarations>

</fx:Declarations>
<s:TitleWindow id="tw" x="121" y="99" width="250" height="200">
</s:TitleWindow>

Auto hide player controlbar when video fullscreen

1. How to Auto hide player controlbar, when video fullscreen.
2. and also controlbar widh when player fullsize to monitor width.
Code
function fullscreenOnClicked(e:MouseEvent):void {
     stage.displayState = StageDisplayState.FULL_SCREEN;
function fullscreenOffClicked(e:MouseEvent):void {
     stage.displayState = StageDisplayState.NORMAL;
function onFullscreen(e:FullScreenEvent):void {
      if (e.fullScreen) {
          // switch fullscreen buttons
          mcVideoControls.btnFullscreenOn.visible = false;
          mcVideoControls.btnFullscreenOff.visible = true;
          // bottom center align controls
          mcVideoControls.x = (Capabilities.screenResolutionX - 480) / 2;
          mcVideoControls.y = (Capabilities.screenResolutionY - 36);
          // size up video display
          vidDisplay.height      = (Capabilities.screenResolutionY - 36);
          vidDisplay.width      = vidDisplay.height * 4 / 3;
          vidDisplay.x          = (Capabilities.screenResolutionX - vidDisplay.width) / 2;
    } else {
          // switch fullscreen buttons
        mcVideoControls.btnFullscreenOn.visible = true;
          mcVideoControls.btnFullscreenOff.visible = false;
          // reset controls position
          mcVideoControls.x = 0;
          mcVideoControls.y = 360;
          // reset video display
          vidDisplay.y = 0;
          vidDisplay.x = 0;
          vidDisplay.width = 480;
          vidDisplay.height = 360;

Use the below code to avoid the big size of control in fullscreen:
import flash.display.Stage;
import flash.display.StageScaleMode;
import flash.display.StageAlign;
stage.scaleMode=StageScaleMode.NO_SCALE;
stage.align=StageAlign.TOP_LEFT;
within resizehandler:
function resizeHandler(e:Event):void
mcVideoControls.x = (stage.stageWidth-mcVideoControls.width) / 2;
mcVideoControls.y = stage.stageHeight- mcVideoControls.height ;
This is enought nowhere you need the codes.
Hope it solved

Closing Terminal window tabs shrinks Terminal window height

Open a Terminal window, press Command-T to create a tab, and then Ctrl-D to close that new tab, the Terminal window height decreases by one row.
This most certainly appears to be a bug. How do I report this to Apple?

I am also experiencing this problem, however if you use the Basic setting the problem doesn't exist.
I am using Novel and I have the problem. It's quite annoying.
I noticed that if you set the fontsize to 12 then this problem exhibits, however if I change the size to 11pt or 10pt (10 is the default for Basic, 12 is default for Novel) then I don't have the bug.
Message was edited by: TonyKL

Print the report on page has width larger than height and not landscape mode

Hi,
I'm trying to print report on page (Width: 18cm, Height: 13cm) which the width larger than the height.
The problem is windows keeps changing the page oreintation to landscape and when I change it back to portrait its changing the width to 13cm and height to 18cm.
I'm using dot matrix printer to print the report, if i put Landscape , printer is printing the text in horizontal.
Already i have tried to setup the custom for on printer, and used custom page size but it is changing to landscape.
I need to print the report with out preview, direct print top printer, NO PDF....
Thank you .....

Hi Anil,
After testing the issue in my environment, I can reproduce it. When I set (Width: 18cm, Height: 13cm) as the Report Page size, it would automatically convert Orientation from Portrait to Landscape. Because the Orientation displayed is dependent on the page
width and page height of the report.
But in my scenario, the Orientation option just change the Width and Height sizes, it couldn’t affect the text rotation. I guess this issue can be caused by the printer and printer driver, please try to update them. Reference:
http://stackoverflow.com/questions/15244336/printing-in-landscape-or-portrait-automatically-rotates-text-ssrs?lq=1
Hope this helps.
Thanks,
Katherine Xiong
Katherine Xiong
TechNet Community Support

Dreamweaver adding div height in tooltip?

I dont normally use dreamweaver, but I must for this project,
in dreamweaver for some bizarre reason the tooltip says height 50px
(54px) and has added 4pxs to an image in a div. Anyone know why? It
aligns in the browsers, IE 6, firefox, but why has dreamweaver
added these 4 pixels and given it a gap in dreamweaver?
Picture example:
http://homepage.ntlworld.com/spensley/dreamweaverbug.jpg
anyone know why and what this is all about?
The css:
#logo{
top: 30px;
width:126px;
height: 51px;
padding:0px;
float: left;
html:
<div id="logo"><a href="index.html"><img
src="media/images/gtfLogo.jpg" title="GTF logo" alt="GTF logo
design" longdesc="three circles showing the letters G, T and F in
orange and green" width="126"
height="51"/><a/></div>

Oops - sorry - missed the CSS.
You have a munged <a> tag -
orange and green" width="126" height="51"/><a/></
should be -
orange and green" width="126" height="51"/></a></
Does that solve the problem?
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
==================
"spongebobcirclepants" <[email protected]>
wrote in message
news:[email protected]...
> <?xml version="1.0" encoding="utf-8"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
> <head>
> <title>GTF - Gardens, Tools &
Furniture</title>
> <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
> <meta name="keywords"
>
content="tools,gardens,furniture,spades,water,toys,toy,gardening,uk,giant
>
toys,giant,lawnmowers,tool,diy,outdoor,outdoors,pool,shovels,hoses,hose,fish,aqu
> atics,benches,tables,chairs" />
> <meta name="description" content="GTF Company Site"
/>
> <meta name="author" content="Roy Spensley" />
>
> <link rel="stylesheet" type="text/css"
href="style/textformat.css"/>
> <link rel="stylesheet" type="text/css"
href="style/layout.css"
> title="default"
> />
>
> </head>
>
> <div id="wrapper">
>
> <div id="topSpace"></div>
> <div id="logo"><a href="index.html"><img
src="media/images/gtfLogo.jpg"
> title="GTF logo" alt="GTF logo design" longdesc="three
circles showing the
> letters G, T and F in orange and green" width="126"
> height="51"/><a/></div>
> <div id="logoRight"></div>
> </div>
> </body>
> </html>
>
>
> css
>
>
>
> /*BODY*/
>
> body{
>
> margin-top:0px;
>
> margin:0px;
>
> left:0px;
>
> padding:0px;
>
> font-family: arial, Helvetica, sans-serif;
>
> font-size: 100.1%;/*fixes bug in IE*/
>
> color:#333333;
>
> text-align: center;
>
> background-color: #666666;
>
> overflow: auto;
>
> }
>
> /*ALL IMAGES*/
>
> img{
>
> border-style: none;
>
> }
>
>
> /*CONTAINING WRAPPER*/
>
> #wrapper{
>
> width: 800px;
>
> margin-top: 0px;
>
> height: 597px;
>
> background-color: #000;
>
> margin: 0 auto; /*This will now centre in firefox as
well*/
>
> }
>
> #topSpace{
>
> width: 100%;
>
> height: 30px;
>
> padding:0px;
>
> background-color: #fff;
> }
>
> #logo{
>
> top: 30px;
>
> width:126px;
>
> height: 51px;
>
> padding:0px;
>
> float: left;
>
> }
>

Export to Text failing when Report height is more than 23 inches

I have a problem while exporting to Text, when report height is more than 23 inches. It's failing with "an unhandled exception occurred in crw32.exe [3856]"
Both Crystal Reports 2008 and Crystal Reports XI Release 2 are failing. Export to PDF is working fine.
I am trying to design a lengthy report and export to text.
I searched in forum with out any results.
It would be great, if some body can point me in right direction. Thank you.
Regards,
Raveendra

Hi Raveendra
To work around this error message, disable DEP by performing the following steps:
1. Click Start > Settings > Control Panel.
2. Double-click 'System'. The "System Properties" dialog box appears.
3. Click the 'Advanced' tab.
4. Click 'settings' under 'performance'.
5. Click the 'Data Execution Prevention' tab
6. Select 'Turn on DEP for all programs and services except those I select:'.
7. Click 'Add'.
8. Browse for the application CRW32.exe. This file is located in:
C:\Program Files\Business Objects\Crystal Reports 12\
9. Select CRW32.exe and click 'Apply'.
10. Click 'OK' to close the 'System Properties' dialog box.
11. Log on as an Administrator and start Crystal Reports.
Now try to export report to the text format and observe the behavior.
Regards
Girish Bhosale

Text caption height in responsive project is not automatically resizing

Hi all,
I have a Captivate 8 responsive project in which a text caption is not behaving properly. When I get down to smartphone-sized screens the width of the text caption reduces with the width of the device. But, the height of the text caption does not increase accordingly to fit the content. The text just gets cut off at the bottom.
I've tried the Auto height setting for the object size, but this scales the text down within the boundaries of the text caption. I would like to maintain the size of my text and have it grow down the screen the way plain text does in an HTML page.
I also do not want to set my text caption height to 100% because I would like to stack objects beneath the text caption.
Any help or advice is great appreciated.

Hi cntdmds,
There's a setting buried in Preferences > Defaults > Autosize Captions that changes all text captions in your file. This has enabled my responsive layouts to work better in Captivate.
Re: creating something reliable: I'm in the midst of creating a large responsive e-learning course. It's been a really steep learning curve and a very frustrating one. I believe a reliable course can be created, but it's a hard journey. (My largest problem is my smart position markers don't stay at their assigned places, but I think I'm on track to solve it... perhaps.)
Yet to see if this whole responsive Captivate adventure will be worthwhile. I hope Articulate adds a responsive capability to Storyline.
Cheers.

Is there any way to get the height/width of an image before importing it in the indesign document.

Hi All,
I need to obtain an image's attributes such as dimensions (height, width in pixels) without placing image in indesign document.
I have full path of the image (say abc.jpg is stored at c:\my pic\abc.jpg).
I have obtained the IDFile for this image, tried getting size using GetFileSize() which correctly return size in bytes.
Is there any way to get the height/width of image without importing it in the indesign document.
Please, give me some hints. I have spent quite a lot time digging in CHM. I have searched in FileUtils, IDFile API's but found no method which serves this purpose.
At this point I am clueless where to search next.
Any help will be appriciated.
Just a point to mention, I am able to get image height and width for an image in indesign doc though Its not my requirement.
Thnx,
D.

You might be able to examine the contents of the PlaceGun after calling kImportAndLoadPlaceGunCmdBoss without actually placing the image in a document. Not sure, but would be worth looking at.
Otherwise you will probably have to write platform specific code, ideally with a generic platform-independant wrapper (see SDKSamples/paneltreeview/PlatformFileSystemIterator).
For the Mac, look at CGImageGetWidth() etc., not sure what the best option is for windows.
Perhaps Quicktime could provide you with a platform independant solution.

A problem with the height of the sidebars on my website

I am trying to make a website for one of my modules in college and I have come across a little problem.
http://joehowlin.com/onlinesafety/index.htmlhttp://joehowlin.com/onlinesafety/index.html
The left hand sidebar doesn't extend down to the footer (the same would happen to the right hand sidebar if the text wasn't there). I have tried to set the height of the sidebar to 100% and it didn't change the height at all.
I can't really have the sidebars at a set pixel height because there will be different amount information on different pages.
I was told of a way to do it by having the height defined in the <html> tag, but that casues some validation errors and I want to try get my website as html valid as I can.
Does anyone know of a way that can help me?

Equal Height CSS Divisions -
http://forums.adobe.com/message/3264374#3264374
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Dynamic Height in Graphs does not work properly when the graph is in an list

Help please,
I have an report in SQL Server 2008 (SP1) Reporting Services which uses Dynamic Height to dynamically increase the size of the graph for the data. For a single dataset this works great!
When I place this graph in a list/tablix (to display this graph on each group) things go bad... Only the first graph on every page is resized, all other graphs on the same page are equal in size of the first!
When I place a pagebreak on the lists property all graphs are drawn fine!! But then I will have a page for every question in my data (which can be a lot!)
What is going on here? Please help.

Hi Jerry,
thanks for your reply, but this does not work. The graphs are now all the same size (the size of the first one that is), and on the same page for that matter...
It looks like the renderer calculates the value of the dynamic height only once on a page in stead of each graph. That's a bug in my opinion.
Any suggestions on how to fix this?
The inner workings of the report are like this: The data contains anwers from a survey by question, so i have a unknown count of answers with each question; I placed a list on my report with a groupingproperty on the question asked. On this list i place a horizontal bar-graph which must grow in height when it is too small. The dynamic height should be calculated like this =70 + (CountDistinct(AnswerValue.Value)*10) & "pt".
When i place this calculation in a textbox, every item in the group is calculated correctly. Each graph is drawn, but the graphs are sized only to the size of the first graph on the page. When I place a pagebreak after each list-repeat (so i get each question on a seperate page) each graph is drawn correctly! This results however in more than 100 pages with all used for just a few centimeters (think about trees!).
I'm using SQL 2008 / SSRS2008 with SP1 by the way ( without SP1, the behaviour is the same).
Any more suggestions are appreciated.
Danny

Spry Menu Bar 1.7 Rendering Variable background height based presence/absense of sub-menus

First, let me thank those who have offered help on previous posts on this issue -- the suggestions have pointed me in new directions.
However I am still having problems with the first menu item on the top level of a horizontal menu bar which (because it has no sub-menu) renders the background differently from the other main level items. I have implemented suggestions, as you will see, by setting a class for menu items with sub-menus as per the suggestion, and then proceeding working with line height to make specific changes within that class. However any changes appeared universally through the menu bar at all levels.
Working from that suggestion, I tried establishing a class of "menubarhorizontal_no-sub-menu" and then adjusted the line height for that item. Unfortunately it applied this change again to all items leaving a displeasing white gap between menu items in the drop down menus.
I wanted to put out a call once more. I realize that the problem is in determining which of the rules to style, but I seem to have exhausted the possibilities. The latest version can be seen at www.aclco.org/testing/index.html which will provide a visual of the problem. You can see it doesn't look much different than the original which is http://www.aclco.org/index.html.
I am also including the code for the nav bar which is inserted as a library item into all the pages:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarHorizontal_no-sub-menu" href="../index.html" title="Home">Home</a></li>
<li><a class="MenuBarItemSubmenu" href="../about_aclco.html" title="ACLCO-ACJCO">ACLCO-ACJCO</a>
<ul>
    <li><a href="../about_aclco.html#mission_mandate" title="Mission and Mandate">Mission and Mandate</a></li>
    <li><a href="../about_aclco.html#governance" title="Governance">Governance</a>
      <ul>
        <li><a href="../about_aclco.html#executive">Executive</a></li>
      </ul>
    </li>
    <li><a href="../by-laws_policies.html" title="By-Laws and Policies">By-Laws and Policies</a></li>
    <li><a href="../about_aclco.html#staff_volunteers" title="Staff and Volunteers">Staff and Volunteers</a></li>
    <li><a href="../public_documents.html" title="Public Documents">Public Documents</a></li>
</ul>
</li>
        <li><a class="MenuBarItemSubmenu" href="../about_Clinics_overview.html" title="About Community Legal Clinics">Community Legal Clinics</a>
          <ul>
<li><a href="../about_Clinics_overview.html" title="About Clinics - Overview">Overview</a></li>
<li><a href="../critical_characteristics.html" title="Critical Characteristics">Critical Characteristics </a></li>
<li><a href="../what_clinic_do.html" title="What Clinics Do">What Clinics Do</a>
<ul>
    <li><a href="../Advice+referrals.html" title="Advice and Referrals">Advice and Referrals</a></li>
<li><a href="../case_work+legal_representation.html" title="Case Work and Legal Representation">Case Work and Legal Representation</a></li>
<li><a href="../community_development.html" title="Community Development">Community Development</a></li>
<li><a href="../public_legal_education.html" title="Public Legal Education">Public Legal Education</a></li>
<li><a href="../law_reform.html" title="Law Reform">Law Reform</a></li>
</ul>
</li>
<li><a href="../who_clinics_serve.html" title="Who Clinics Serve">Who Clinics Serve</a></li>
<li><a href="../impacts.html" title="Impact on Clients and their Communities">Impact</a></li>
          </ul>
        </li>
        <li><a class="MenuBarItemSubmenu" href="../Members_Only/intranet_portal_page.html" title="Members Only">Members Only</a>
          <ul>
            <li><a href="../Members_Only/intranet_portal_page.html" title="ACLCO Intranet Pages">ACLCO Intranet Pages</a></li>
            <li><a href="http://www.bulletinboards.com/message.cfm?comcode=ACLCO " title="ACLCO Discussion Forum">ACLCO Discussion Forum</a></li>
          </ul>
        </li>
        <li><a class="MenuBarItemSubmenu" href="../contact_us.html" title="Contact Us">Contact</a>
          <ul>
<li><a href="../contact_us.html" title="Contact Information">Contact Information</a></li>
<li><a href="../links.html" title="Links">Links</a></li>
          </ul>
        </li>
      </ul>
The spry framework coding For the Horizontal Menu Bar is as follows:
@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;
    line-height: 23px;
    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: 0;
    padding: 0;
    line-height: 21px;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto; /* This allows the width of the various top level menu items to adjust automatically to fit the contents of each menu item */
    float: left;
ul.MenuBarHorizontal_no-sub-menu li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto; /* This allows the width of the various top level menu items to adjust automatically to fit the contents of each menu item */
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 200px; /* This establishes a fixed width for the drop down menus */
/* 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: none; /* removes the grey border from around the sub-menu container */
/* Menu items are a light gray block with padding and no text decoration NB: Remove - background-color: #EEE; reset color from #333 to #FFF*, and establish a background image with repeat, Especially note that this only sets the top level items, i.e. those with no children sub-menus attached to them.*/
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent-Dark.png);
    background-repeat: repeat-x;
    background-color: #000088; /*background color must exactly match the color of the bottom edge of the repeating background png so that if it runs over 39px in height their won't be any gaps of white. */
    padding: 0.5em 0.75em;
    color: #FFF;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text; again reset thebackground-color: #3CC to equal the color of the bottom edge of the repeating png (see above). Set background image and repeat for a hover state. However, this only sets hover states for top level menu items and sub-menus that have higher level items above them. If for example a menu has 3 levels it will not set for the 1st and 2nd level. */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
    background-repeat:repeat-x;
    background-color: #2E35A3;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
    background-repeat:repeat-x;
    background-color: #2E35A3;
    color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) Remove the background image that displays arrows and set the appropriate background image and repeat. */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segment-Dark.png);
    background-repeat:repeat-x;
    background-color: #000088;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%)   */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent-Dark.png);
    background-repeat: repeat-x;
    background-color: #000088;
    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%) This controls sub-sub-menu items in hover state. */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
    background-repeat:repeat-x;
    background-color: #2E35A3;
    color: #FFF;
/* 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 Controls fly-out menu items in hover or focus state.(50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
    background-repeat:repeat-x;
    background-color: #2E35A3;
    color: #FFF;
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;
Finally, there is minimal css coding to help position the menu bar within the web page relative to the top of the page, and left edge of the web page.
This is done with a div tag called Main Nav Contents.
#Main_nav_contents {
    padding: 0;
    margin-top: 0px;
    height: auto;
    width: 950px;
    padding-top: 275px;
    padding-left: 35px;
I would very much appreciate any further help that people can provide me. It seems that the trick is to identify the appropriate rule; however that has thus far alluded me.
Thanks,
Steve Webster

This will help http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one

Width*height vals changing in save for web ??

Hi all
I've opened an EPS file in illustrator cs4. And its width & height values are differing with width & height values in "save for web" option.
For example, normally in width & height boxes shows as
width : 247.499 pt
height : 116.524 pt
but in save for web
width : 249
height : 117
I've checked with various figures too.

Script lan : javascript
thanks for ur help!
Actually I've to resize the figure for the width 175, 525, 1400 and the height should change proportionally. So I tried, but I couldn't resize the figures using save for web. Becoz its horizontalScale & verticalScale treats values as percentage. eg. 175 treats as 175%. Then I grouped all items and changed its "width" and foud out the values' corresponding "height" values. But the problem is, exported file's values are changing nearly 3pts.
could u help on this?

Height of Controlbar

Similar Messages

Maybe you are looking for