Spry ie7 transparency issue

I'm using Spry HTMLPanel with the Fade effect. Everything
works great in Firefox, but in ie7 the transparency on a png is
messed up if the html section is displayed through HTMLPanel. If I
look at the page directly it looks fine, and the problem only shows
when using HTMLPanel. Any suggestions?

123456789lw escribió:
> Hello,
> I am having a slight issue with the spry squish effect.
>
> Essentially what I want to do is click on link1 and
"container1" opens. Click
> on link2 and "container1" closes and "container2" to
opens.
> So far I have gotten to the point where I can do this,
however it only works
> in one direction. And if I click link2 first, it calls
up the function where
> "container1" goes from 0% to 100% back to 0%, then the
function opens
> "container2".
>
> Eventually I would like to have 5 containers which will
first close
> "containerX" and then open "containerY" or somehow
replace the "containerX"
> with "containerY".
>
> Anyone know how to do that? I have my div set as hidden
and position:absolute.
>
> Any help would be most appreciated! :)
>
> Thanks,
> Lisa
>
Yeah, I see well, I haven't done much with effects but IMHO
you can
achieve something similar with less work with Tab Panels or
Accordions
at least in regards of open one contest and close another
just as your
first post suggested. Of course you can try with effects but
to be
honest I haven't experiment much with them. Hope someone else
does and
help you in this topic.

Similar Messages

IE7 visibility Issue

On my personal website (
www.davidbstubbs.com) I seem
to have an ongoing issued with Spry + IE7.
I have a couple display:none elements that come into view
through a spry fadeAppear + Slider. They work fine in
IE6/Opera/FF/Safari, except in IE7 they tabs roll out fine, but the
content just doesnt show up. I have been racking my brain for a
while trying to figure out why this is happening in JUST IE7 (which
was suppose to be better than IE6, same crumb, different problems
it seems).
Any help would be greatly apreciated. =)
Thanks

Could you check out these errors please:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.davidbstubbs.com%2F&charset=%28detect+a utomatically%29&doctype=Inline&group=0

Transparency Issues with PSD files in FCP 7

I'm having some weird file layer transparency issues with FCP 7. I'm working on a project that's made up entirely of graphics drawn in Photoshop CS5. They Photoshop settings were done to match an HDTV 1080i (16:9) sequence in FCP. In FCP, the pixels were set to square, field dominance to none, frame rate to 29.97 and compressor is Apple ProRes 422.
I exported my PSD files out of Photoshop, with each layer being exported to its own file. In general, things were fine, but there were a few files where you could see the outline of the character against the background, but mind you that this is only visible once the video is rendered out in the FCP timeline. Nothing is visible in Photoshop, nor is it visible while viewing from the Browser in FCP. I told this to the artist and he went back and made corrections, making sure everything was on a transparent background, but the result was still the same - once I rendered the graphics out in FCP, these edge lines were visible.
I then went back into Photoshop, opened all the files that were giving me trouble, clicked on the "foreground color" and changed it to a color other than white, then back to white and hit ok. That seemed to work - even when rendered out, I was getting no artifacts, until I tried enlarging the graphics over 100%.
Also, with some of the same graphics, I was trying to layer them so that a guy was in the foreground with other people and a van behind him in the background. Once again, no problem in Photoshop, but once brought into FCP, the background people were actually being displayed over the main foreground character.
I'm pretty baffled - what to do? I'll attach a photo of the weird lines around the characters. It might be hard to see at this size, but if you download and enlarge it to 300% or so, you'll see what I mean.

Just saw that Adam's original post was an older one. Will keep this here anyway to maybe help the most recent poster.
Sharon
Adam, did you try what David said about pointing to the root folder? Did that work?
When I copy the SD card, I name a new folder on my hard drive something specific, like Smith Wedding. Then I copy everything inside the SD card to that new folder. The first level inside my new folder now has folders for
AVF_INFO
PRIVATE
and on down from there. When you open Log and Transfer, point it to the Smith Wedding folder (of course whatever you have named yours).
ClipWrap2 also works great to convert the files beforehand if you want.
What camera are you using? I have the Sony NX30 and it was giving me fits because the .mts files don't ingest if the clips are longer than 11 min. My problem is that I'm still on FCP 6.0.6. I think 7.0.3 fixed that. But I did find enough work-arounds to keep the camera.
This is a link to the full discussion if you are interested.
https://discussions.apple.com/message/19085158#19085158
Sharon
Message was edited by: SSteele

InDesign CS2-generated PDF & feather effect/transparency issues

I am at my wit's end. I received a client's PDF file created to my specs (same ones we've used for 5 years). I am having massive flattened transparency issues. I am currently using Trueflow version 3, a rip which does not support live transparency; therefore, my distiller settings require that transparency be flattened. There are some horrible results that I can't rectify on my end. There is stitching showing (and outputting to the plate!) where she has placed .psd files on some pages. There is also a problem with feathered objects (which are linked photos) - they look just fine in the document but when exported and flattened, there is a white box behind the pictures instead of the soft feathered look.
When I exported her CS2 file using Acrobat 5 instead of 4, the effect is fine, but - my rip kicks it out. When I export to my specs, the PDF has the above print issues --
I want to clarify that I always view print ready PDF files using output and overprint preview -- this is not a preview issue -- it is a definite file & export & resulting print issue.
I would love to be able to assist my client -- this is a rush job. If anyone has encountered this and has a feeling what may be causing it, please let me know -
Also - I do not have any software to correct this issue -
Thanks in advance -

Peter -- I am looking over those articles now. Here is the problem -- we do not print from the application
File > Print, and under Output, choose Composite CMYK, and CHECK the “Simulate Overprint” checkbox. Under Advanced, select your all-raster flattener.
I do not have her entire document -- only a couple of the problem children.
I suppose a workaround would be to (if I had her files) see if I could print as a postscript and distill it to a PDF -- or print to a postscript and send that into Trueflow to see if it will accept it --
However, I did receive a warning that by creating that high res setting with the slider all the way to the left, it would rasterize the whole page --
Now, I can already do that in just one step by opening the PDF in photoshop at a very high resolution and flattening it --
I simply hate having to go that route when we have type on the page too -- I think my issue is a lack of proper equipment -- we don't like to rasterize if we can help it -
Since this job is a rush, I may have no choice but to do that on those pages -
That info is helpful but in reality is a longer way of accomplishing the same thing --

Can Anyone help with an Illustrator transparency issue?

I created a logo in Illustrator which includes an imported Photoshop psd file with a transparent background. The transparency behaves properly in Illustrator, but as soon as I place it in In Design or open it in photoshop the graphic shows up on a white box/background (the rest of the elements in the logo remain transparent, as they should be). And btw-the greyscale version of this same logo has no transparency issues.

function(){return A.apply(null,[this].concat($A(arguments)))}
it is part of an entire suite of logos that are all vector based Illustrator files
No, it is not. It contains a raster image, so it is not "all vector" regardless of its being assembled in Illustrator.
function(){return A.apply(null,[this].concat($A(arguments)))}
The EPS file will not handle transparency.
EPS supports "transparency" in 1-bit raster objects. It also supports clipping paths, which is how this particular logo would have been handled in earlier times (assuming one insists on the simple grads being raster).
function(){return A.apply(null,[this].concat($A(arguments)))}
What kind of file do you save and place in ID - should be an AI - is it?
InD doesn't really import AI content. It only imports PDF content of an .ai file (if any).
function(){return A.apply(null,[this].concat($A(arguments)))}
I'm on a time crunch
Take Scott's earlier advice. Especially given that you are compiling a collection of (presumably) reuseable logo files, this should be re-created as entirely vector content. That mark should take no more than a few minutes to redraw. Simply by including the raster element (which is primary element, by the way), you are obviating the core advantage of vector artwork (resolution independence) to begin with. So if you insist on that element being raster, then the whole thing might as well be, and your workflow is needlessly convoluted.
JET

Indesign CS4 to PDF 1.3 transparency issue

We submitted an ad to the local newspaper that we created in Indesign CS4 and Acrobat 9. The ad was exported as a press-quality Acrobat 4 PDF.
It is a fairly simple layout, with type and a logo.
The headline and logo have a drop shadow applied with multiply blend mode. All colors are CMYK.
When the ad prints, the headline and logo have 1% black-filled boxes around them.
I know this is a transparency issue. However, we've done the same ad in Indesign CS3 and Acrobat 8 with no problems as long as we were CMYK and Acrobat 4.
Has something changed in CS4 that I don't know about? Could it be the multiply blend mode rather than normal?
Problem is, the newspaper can't give me a proof -- we have to wait and see what happens when they print. I can't simulate the problem on my end. The ad prints perfectly on my HP5000N in b/w and on my Phaser 8560 in color.
One workaround suggested was to export the file as a JPG or EPS and save as a Photoshop PDF. We did that on one ad that will run Monday, so we'll see. However, that makes the files with photos enormous -- like from 4 mb to 26 mb.
Any ideas would be greatly appreciated. We're in the middle of an ad campaign and we're resorted to the old-fashioned manual drop shadow out of desperation!
mev

Has something changed in CS4 that I don't know about? Could it be the multiply blend mode rather than normal?
Something did change. In some cases (maybe all), the flattener in CS4 will put the shadow behind the background rather than in front. In both cases, though, using a RIP and/or viewer which is set to honor overprints will avoid the problem, and allow the artwork to render correctly.
You say that all colors are CMYK. Are you absolutely certain that the background (whatever the rectangular shadow-containing "boxes" knock out) is not a spot color? Your problem description would be more easily explicable if it were.
One workaround suggested was to export the file as a JPG or EPS and save as a Photoshop PDF. We did that on one ad that will run Monday, so we'll see. However, that makes the files with photos enormous -- like from 4 mb to 26 mb
This in itself suggests that these folks do not know what they are doing (though I know that's not terribly helpful to you if you need to advertise with them). I must say that given current economic realities in the newspaper business, it's hard to image a paper refusing to cooperate with a paying advertiser - especially one who has been previously bitten - if not by the newspaper's own incompetence, at least by their unwillingness/inability to provide a proof.

Spry Image Slideshow issue in IE8 - Another Error

I looked at the other discussions pertaining to Spry Image Slideshow issues. The slideshow works well in Firefox but I'm getting an error in IE 8 .
https://www.devens.army.mil
Webpage error details   from SpryDOMEffects.js, line 389
Spry.Effect.CSSAnimator.stylePropFuncs["default"] = {
    get: function(ele, prop)
        return ele.style[prop];
    set: function(ele, prop, val)
        ele.style[prop] = val;                       (line 389)
Thank you for any help you can provide.

I've noticed that you fixed the problem can you tell me how to fix it?
having same problem here

Transparency issues with INDCS3 and Pantone color

Running Windows XP, Serv Pk 2, Creative Suite CS3, All updates.
Heres the deal: We are having problems with PDFs printing and Ripping when using transparencies and drop shadows.
Issue 1: INDD CS3 file with transparent PDF placed as image. Separate frame filled with paper, stroke and drop shadow placed under trans PDF file. Filled frame areas of percentage tint using a PANTONE color used on same page. File re-PDFed (compat to v6) and file printed correctly to XEROX 7760 and HP color. PDF views correctly. Recommended ordering policy applied to all layers as to keep drop shadow below text. PROBLEM: User running Acro 7 to printing to same color printers, receives copy with color tint areas missing.
Issue 2: INDD CS3 file with solid Pantone color on background. Several text frames layered above. Under text frame a solid box with SOLID Drop shadow. PDFed using Acro 8. PROBLEM: User's RIP and DIGITAL presses do not recognize the drop shadow? White knockout box appears in this area.
It seems that CS3 is handling transparency issues differently and/or that Acro 8 (compat to v6) is doing something different. The Acro 8 users have no problem printing or PDFing.
Could this also be the "known issue" of transparencies and PANTONE colors? We are testing out converting all the colors to CMYK.
Please respond at your earliest.
KEN PANTHEN, Albany, NY

Ken,
If your final output is to the Xerox, which can't print Spot colors without converting them to CMYK, you should use process colors instead.
Also, read the articles from InDesign Secrets:
http://indesignsecrets.com/eliminating-the-white-box-effect.php
http://indesignsecrets.com/eliminating-ydb-yucky-discolored-box-syndrome.php
Peter

IE7 & FF Issue - PLEASE HELP

Hi guys,
I have an issue where everything shows up correctly on FF,
but when I load it on IE7 none of the spry data shows up. I've
tried everything I can think of and looked on the forum for similar
issues but couldn't find anything. I would really appreciate some
assistance in getting this resolved, Thanks in advance!
I've uploaded it to
LINK
As well as zipped my local folder -
LOCAL
FOLDER ZIPPED
You'll notice the gallery thumbnails and everything loads
fine in Firefox, but when you open it in IE none of the Spry data
is there, it appears to load something but i'm unsure what.
Thanks,
-Nick

Thank you all for your help, you guys were right...
I am having one more issue now with multiple data sets and
getting the "hoverText" to appear as it should.
var dsGallery = new
Spry.Data.XMLDataSet("_data/restaurants.xml", "gallery/photo");
var dsText = new
Spry.Data.XMLDataSet("_data/restaurants.xml", "gallery/photo");
<div id="hoverText" name="hoverText"
spry:detailregion="dsText"></div>
<div id="thumbs" spry:region="dsGallery dsText">
<a onmouseover="spry:setrow=dsText;
MM_setTextOfLayer('hoverText','','{dsText::@hoverText}'); "
onmouseout="MM_setTextOfLayer('hoverText','','')" >
<img
src="images/portfolio/thumbs/{dsGallery::@thumbpath}"
class="thumbnails"
height="{dsGallery::@thumbheight}"
width="{dsGallery::@thumbwidth}"
spry:repeat="dsGallery"
spry:setrow="dsGallery"/>
</a>
</div>
<div spry:region="dsText" id="testDiv">
{@hoverText} = hoverText
</div>
can view online at
http://www.breakthroughmdt.com/HE/web07/spry/portfolio2.html
Basically what i'm trying to do is pull the "hoverText" from
the XML file associated with the images and display that text on
rollover of the thumbs. It works but I can't seem to get it to
update the currentrow.
Once again, any help would be much appreciated!
-Nick

IE7 compatability issue?

I'm fairly new to SPRY - so I'm hoping this doesn't sound
ridiculous.
When I view in Firefox - all is beautiful. In IE7, however,
the box "bounces" all over. See the following links:
http://new.teamdoubleclick.com/endorsements.html
(this one only bounces when you click on the first 3 tabs).
http://new.teamdoubleclick.com/vafaq.html
does anyone have any solutions? I've checked all the tags -
they are all in tact.

Your page is not correct HTML please run it through a
validator and fix your issues.
For example.. <script> and <link> tags should be
in the <head> section not above a doctype.

Spry Menu Bar issue, NEED HELP...???

Here is the coding for a menu bar that i created with CS3, for some reason i am having an issue when i open the web page in IE, on firefox and safari it looks fine, the menu drops down to sub menu's fine, but for some reason when i open it in IE, the submenu's show on the very top of the page rather than right below the menu itself, please check my coding and see if there is an issue???
i ran compatability and there are no issues shown.
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 10.4em;
    float: left;
    background-image: url(tab2.png);
/* 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;
    text-decoration: underline;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    background-image: url(../tab1.png);
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: default;
    padding: 0.5em 0.75em;
    color: #FFFFFF;
    text-decoration: none;
    border-left-color: #0063bd;
    border-right-color: #0063bd;
    border-right-width: 3px;
    border-left-width: thin;
    font-family: Calibri;
    font-weight: bold;
    font-size: 19px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #000000;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    color: #000000;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* 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-block;
    f\loat: left;
    position: relative;

Hey gramps, thanks for the info, i have updated my spry framework to 1.6.1 but the problem is still the same, i recreated my menu with the new 1.6 and it still doing the same thing, the submenu's are like vertically reversed... ugh need help.
here the new code
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 10.4em;
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    background-image: url(../tab1.png);
    line-height: 18px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 19px;
    font-family: Calibri;
    font-weight: bolder;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #000000;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    color: #000000;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* 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;

Spry menu positioning issue in IE?

Hi,
I am quite new to dreamweaver and using spry menus but I have decided to create a horizontal spry bar in my website.
The menu works fine in safari but the menus and submenu are out of position when using IE and shift to the right.
Please could you let me know how I can fix this problem and if you can see any other issues in the code i need to sort out?
Here is the code:
@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 auto;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 846px;
font-family: Verdana, Geneva, sans-serif;
height: 28px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
width: 141px;
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% 0 0 0%;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 141px;
position: absolute;
left: -1000em;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
/* 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;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 141px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: 2% 0 0 100%;
/* 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
width: 141px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
color: #FFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #FFF;
text-decoration: none;
border: 1px solid #000;
background-image: url(BtnBackground.gif);
font-size: 10px;
background-repeat: repeat-x;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #FFF;
background-image: url(BtnBackgroundOver.gif);
background-repeat: repeat-x;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
color: #FFF;
background-image: url(BtnBackgroundOver.gif);
background-repeat: repeat-x;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(BtnBackground.gif);
background-repeat: repeat-x;
color: #FFF;
font-size: 10px;
/* 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(BtnBackground.gif);
background-repeat: repeat-x;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(BtnBackgroundOver.gif);
background-repeat: repeat-x;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(BtnBackgroundOver.gif);
background-repeat: repeat-x;
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;
Also, i've noticed that when the menus go over the top of flash objects the text is not so clear or bright!!! If anyone knows a way to sort this that would be great too!

Add/modify the following
ul.MenuBarHorizontal li {
text-align: left;
ul.MenuBarHorizontal a {
text-align: center;
Gramps

Illustrator CC 2014: Save As PDF, Flatten Transparency Issues

Hi All,
We created a PDF presentation that's about 40 pages in Illustrator and had some display issues with previews in Box. Upon inspecting the bug, we realized that Box's preview function does not display transparency properly (or at least seems to have issue displaying transparency if it hasn't been flattened.) We tried flattening the transparency of our Illustrator file, but when we do this the PDF has faint box outlines around objects.
Can anyone recommend a solution to this issue?
Thanks!
P.S. I'm new to figuring out which PDF Presets to use to optimize my presentation for desktop/iphone/ipad presentation. Right now we are using Press Quality with Preserve Illustrator Editing Capabilities unchecked and Optimized for Fast Web View.
P.P.S. We tried Acrobat 5-8 Compatibility for Box, non worked. Acrobat 4 with flattened transparency displayed properly, but had the problematic outlines.

Anyone have any input?
Thanks!

InDesign 5.5: Strange Printing Transparency Issues

Hi guys, long time reader, first time poster. This forum has helped with a lot of problems, so thanks, and hopefully you can help with this one.
I'm working on a multiple-spread page for a client that is giving me some strange issues when it's printed. The document has an image as a background for the entire page, and then a black box over the image with some text on top of it. For some reason, the black box with text is letting the image underneath show through, almost as if the box is 99% transparent or something. I've checked each box individually, and there's nothing in the transparency/attributes boxes. I'm not sure how, exactly, to solve this issue -- is there some sort of universal transparent image setting (for instance, set black to 99% opacity always or something similar)?. It's the only thing I can think of.
InDesign CS5.5, OSX Lion. The files are a combination of TIFF and JPG images, and I get the same issue no matter what image format is underneath.
Any feedback is welcome here.

No problem, Peter. I've included a few shots from various pages (the problem stems to all black boxes placed over images over the 64 page document) on the links below.
http://img40.imageshack.us/img40/5964/88392023.jpg
http://img94.imageshack.us/img94/9741/93991019.jpg
http://img20.imageshack.us/img20/7883/10837728.jpg
The third one is the page that I took the picture of the printout with my phone.
I've tried this on an offset press and a digital press; with 'knockout group' ticked and not. For the life of me, I can't understand why the black is still overprinting on the image when it shouldn't be.

Why are my identically coloured opaque images printing different colours? Is it a transparency issue

I have an object that is a plain white logo with a grey background - the file is a flattened psd file and has only the one layer.
when i place the logo into InDesign (CS5) onto a plain grey (the same colour as in the logo) background and print this simple combination, the grey background on the logo is a funny colour compared to that on the document background. they have the exact same RGB reference! they only appear different colours when printed; on screen they look great.
i thought that this was an issue with transparency and have tried playing around with having a transparent logo with no background and various transparancy flattener settings but nothings fixing the problem. the only thing that i managed to achieve was to make all of the grey one colour, but the funny coloured grey i was seeing just in the logo background!
when i go to window-output and check the flattener preview, i can see that i have no transparent objects whatsoever in my document.
any help on this matter would be greatly appreciated - its driving me MAD!
thanks,
becky

More to the point on this, I think, is that both RGB and CMYK values listed for any spot color are "best approximations" (many, perhaps most, spot colors have no good CMYK equivalent, and that would be true as well for some subset using RGB) using Pantone's unknown color space. Even in that space the probability of getting an actual match between the simulation and the true spot ink is close to zero. Using some other space makes things worse, and since there is no way to know the sapce in use at Pantone, you're kind of up the creek.
For CMYK converison you can do reasonably well by using the Ink manager to convert the spot to process and check the bok to Use Lab Values at the same time. For RGB, I have no idea how to come close, at all.

Spry ie7 transparency issue

Similar Messages

Maybe you are looking for