IWeb objects with funky box/drop shadows

Anybody know why the irregular shaped objects that I'm inserting from Illustrator into iWeb pages are showing up with square, drop-shadowed boxes around them when published? I never used to have this problem, perhaps it is related to software changes that I have no control over, or is there something I can do about it? Thanks! Nancy

@3DNancy, @OT, you should give them feedback and tell them to fix it, using firefox webkit instead of canvas:
http://www.apple.com/feedback/iweb.html
ot's workaround does not in iweb photos page.
here is my ff webkit example:
http://temp.cyclosaurus.com/revolving/FFWebkitShadow.html
and my photos page example:
http://temp.cyclosaurus.com/revolving/PhotosFFWebkitShadow.html#grid
view them in firefox.

Similar Messages

Problems with pdf and drop shadow/opacity in quark

I have created a piece of artwork in Quark 7.5 which consists of a round picture box (which has a drop shadow). The picture box is positioned so that it slightly overlaps 2 large circles of colour. These 2 circles overlap each other also - the bottom one is a solid pantone colour, the top one is a pantone colour but with an opacity of 75%.
After creating a high quality pdf file, the pdf does not display (or print) these circles/picture box correctly. It looks as if there is a slightly transparent square picture box just below the round picture box but on top of the coloured circles. This only appears to happen when the round picture boxes are positioned on top of the circle which has the 75% opacity.
I can't figure out how to fix it. I tried making the coloured circles cmyk instead of pantone but that didn't fix it. I've also tried increasing the resolution of the drop shadows in the pdf settings but that didn't work either.
I don't know if this is a Quark issue or an Acrobat issue. I tried changing settings in both applications but can't fix it. Can anyone help?
(I've attached a medium res version so you can see what is happening - it's the 3 round picture boxes at the bottom).

I used the pdf facility in Quark (export as PDF) but I also tried creating a .ps file through the print facility in Quark and then distilling the file in Adobe Distiller and this didn't work either.

Trouble with a type drop shadow.

When viewing a Golive web page in Safari, or even an old IE browser, some type (which I assigned a color to) looks fine, but in Firefox, a drop shadow of the same color is being created. I see nothing that could possibly cause this. Any thoughts?

It looks like there's a function in a document-level JavaScript named SetFieldValues that you need to copy over as well. I don't know the exact menu item for Acrobat 8, but for 9 it's: Avanced > Document Processing > Document JavaScripts

Need help with IE6 box drop problem DW CS4

Having a problem with this page: http://www.recoverings.com/tarzan.html in IE6. Maincontent drops below the sidebar menu. Looks fine in FF, Safari, IE7.
All other pages work well. I assume that this has something to do with the width of the .wrapnail and .thumbnail divs, but reducing the margins doesn't seem to help and the images start to get too close together. What am I missing here?
Can someone help me solve this?
I would also appreciate any suggestions on cleaning up my CSS. Seems like I have an awful lot of stuff in there. Maybe it's okay but could it be cleaner?
Thanks for your help,
Phil

IE bug Float Drop is fairly common. Make sure your page wrapper division is wider than the combined width of left sidebar + main content + left & right borders if any. If that doesn't help, add an overflow: hidden rule to your floated container and make sure you have cleared both floats.
More about float drop and the expanding box problem can be found here:
http://www.positioniseverything.net/explorer/expandingboxbug.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

[ASK] Show Object with Drag and Drop Condition

Hello guys,
I just finished making my simple drag and drop quiz which i've already mentioned in the previous thread. But i still have a problem. I've searched through the Internet, but i didn't find any case similar with my case.
Please take a look at this picture :
I want to hide the "nextbutton" (D button) then show (unhide) the button with some conditions, here are the conditions :
If "p=>~q" square dragged on "A" white square && "~q" square dragged on "B" white square && "~p" square dragged on "C" white square then,
Button D = visible
else
Button D = not visible
How can i do this in actionscript 3.0?
Any help would be appreciated. Thank you very much.

I'm sorry, i haven't told you that i've already tried to do it with hitTestObject function, but it doesn't work, the D button never shows up even i dragged the squares on the right spot, here is some of the actionscript :
Square_4 = pnotq
Square_5 = notq
Square_1 = notp
/* Stop at This Frame
The Flash timeline will stop/pause at the frame where you insert this code.
Can also be used to stop/pause the timeline of movieclips.
stop();
//Hide and Show Actionscript
if(Square_4.hitTestObject(Target_2) && Square_5.hitTestObject(Target_1) && Square_1.hitTestObject(Target_3)){
Next.visible=true;
} else {
Next.visible=false;
//ButtonMode Actionscript
Square_1.buttonMode = true;
Square_4.buttonMode = true;
Square_5.buttonMode = true;
//Some part of the Drag and Drop Actionscript
(I made drag and drop for all the squares (1-7))
var startX:Number;
var startY:Number;
Square_4.addEventListener(MouseEvent.MOUSE_DOWN, pickMe);
Square_4.addEventListener(MouseEvent.MOUSE_UP, dropMe);
function pickMe(event:MouseEvent):void {
    event.target.startDrag(true);
    startX = event.target.x;
    startY = event.target.y;
function dropMe(event:MouseEvent):void {
    event.target.stopDrag();
    var myTargetName:String = "target" + event.target.name;
    var myTarget:DisplayObject = getChildByName(myTargetName);
    if (event.target.dropTarget != null && event.target.dropTarget.parent == Target_2){
        event.target.removeEventListener(MouseEvent.MOUSE_DOWN, pickMe);
        event.target.removeEventListener(MouseEvent.MOUSE_UP, dropMe);
        event.target.buttonMode = false;
        event.target.x = Target_2.x;
        event.target.y = Target_2.y;
    } else {
        event.target.x = startX;
        event.target.y = startY;

A image with a drop shadow on a shaded background

When I make a copy from my color printer of my PDF that has a image with a grey drop shadow on a grey shaded background. I get a shaded box around the image. This does not happen when I print from my b&w laser printer. The PDF was exported from Indesign, I had digital prints from the Indesign file and they are ok.

InDesignSecrets » Blog Archive » Eliminating YDB (Yucky Discolored Box) Syndrome

Help, Drop Shadow filter with strange glares in CS4

Hi,
I've made a symbol for a logo design in Ai CS4 in wich I applyed some Drop Shadows to some elements (white arrows).
The problem is, when I enlarge the symbol (approximately 110 x110 mm), strange glares/"ghosts" appear around the elements that have the Drop Shadow applied to.
There are no Pantones in this, just CMYK colors.
See the image please: http://www.grabup.com/uploads/01773c95e72416002699e3d3e4800428.png
(the strange glares/ghosts are the ones pointed by the red arrows, the Drop Shadow dialog box, corresponds to the red highlighted white arrow on the left with the blue drop shadow.)
When I turn to Outline mode there are no vector paths there, so it only shows this glares/ghosts in normal/preview mode.
This only happens when I enlarge this elements, and the Blur (in the drop shadow) begins to have a large number applied to it (example: blur: 9 mm).whn I Rasterize or Expand Appearance the elements with this drop shadows, the rasterized image maintains the strange glares/ghosts.
The glare/ghosts completely disappear when:
- I reduce the size of the logo/symbol;
- In the Drop Shadow dialog box: Instead of the Color, I choose Darkness (but I need this to have a blue color in shadows not grey/black).
- In the Drop Shadow dialog box: I reduce the size of the Drop Shadow Blur (with 5mm or less of Blur, the glare/ghosts vanish)
Is this a Illustrator bug?
The only solution for this is to reduce the amount of Blur aplyed to the drop shadows elements?
If so, what happens when I have to enlarge this logo to a bigger size, say... an Outdoor?
thank you!
(sorry for my english)

Hi Bob,
Thanks for your reply (very prompt!)
Yes I read that article and thankfully was already exporting using Acrobat 5 (PDF 1.4) so that wasn't an issue.
So now I'm waiting on the printer's reply as I've emailed him a link to that article!
:) Carmel

Shading screen captures with drop-shadows

Hi there, everyone.
I have a bunch of screen-captures (.png) that I need to darken/shade so I can highlight a particular button or text box. The trouble is that these screens all come with a surrounding drop shadow, which I don't want to darken/shade. The images are all of different dimensions, but the drop-shadow is always the same, so I was hoping to insert a gray box (with rounded corners, in case that matters) via script or action that is a fixed number of pixels (x by y) smaller than the canvas (and a couple pixels north of center).
Anybody know how to do this, or have a better idea?
Thanks!
Dave

On the Mac at least those window-shadows are transparent and have RGB-values of 0/0/0, so one need not mask them out if one clipping masks a black layer to the window’s screenshot and reduces that layer’s transparency according to taste. (Clipping Mask can be created by setting »grouped« for the top layer to »true« in JavaScript.)
Edit: Sorry, I assumed you were talking about screenshots of single windows, but you probably mean screenshots of the whole desktop, so above would be of no use to you.

Fading A Drop Shadow - Missing 'Layer Mask Hides Effects' in CS5

I'm using CS5. I want to create a fading drop shadow on a shape/box. See the attached image below.
In Photoshop, this is easy by doing:
1) Create shape
2) Add layer mask to shape layer
3) Click gradient, set gradient to Multiply, and set gradient colors to white to black
4) Drag gradient where you want it on the shape. The drop shadow will actually bleed through the middle of the shape, and not just on the edges, which is unwanted.
5) Open up layer styles, under Blending Options, select Layer Mask Hides Effects and it will get rid of the drop shadow showing up in the middle of the shape and you will be left with perfect, faded drop shadow on the edges (see below for finished product).
Firework is missing step 5. There is no Blending Options and there is no Layer Mask Hides Effects. Or if there is, I have no found them. I am using CS5. Any ideas how to accomplish this in Fireworks?

Clone the shape. Change the color of the clone to gray and, in the properties panel, change its edge type to feather. With the clone still selected, choose Commands > Creative > Auto Vector Mask. Select the bottom, left mask type by clicking on its image, and then apply it. In the layers panel, click on the new mask group to select it. Click on the black masking object on the right of the two linked objects to activate the gradient adjustment handle. Shorten and rotate the gradient until you get the effect you want.

Drop shadow issue in Distiller 9.0

InDesign CS4 has 2-color title, which has Pantone Orange (spot color) and Black (Process Color). The design has two objects, first object has set as Pantone and second object has set as Black on top of the Pantone object and it has Drop shadow too. The drop shadow (Black - Process color) does not appeared on Pantone object while converting PS through PDF whereas the exported PDF from InDesign converted wonderfully. I have attached an images (turned on/off Overprint Preview) for your reference. You can see the difference when you turn on/off "Overprint Preview" in Acrobat. Also thin white rule appeared. Actually the rule should not appear in the PDF. Any help much appreciated.

What happens if you print one page with the drop shadow together with only one or two pages that don't have the drop shadow? What color mix are your drop shadows? Like Peter suggested, check the corresponding compression settings in your distiller preset. Heck, check all the compression settings in those presets. I had to use PS to work around some issue once and distinctly remember a problem with the presets making my grayscale elements look low-res because compression was set too high in a preset that was supposed to be high quality.
Then again, just use Peter's workaround.

Indesign CS4 drop shadow fail

I have numerous .psd photos in on each page, all closecropped in Photoshop using a mask.
I have applied a drop shadow to these in Indesign and most look great - but the odd one has the dropshadow cut off abruptly for no apparent reason.
Any ideas why this would happen? I can't seem to fix it.

There is a much easier workaround that doesn't require altering your image files at all: simply draw a basic object (eg an empty square) on the pasteboard to the right of the page, then group your image with the object and apply your Drop Shadow effect to the group - this forces the shadow draw error off the page, without adding more data in the way that extending a Photohop image canvas would.
It's not ideal, but then again ideal would be Adobe publishing software that actually works the way it's supposed to...
Also to BobLevine, there is a very easy way to make shadows in Photoshop files blend correctly in InDesign: first create your Photoshop file with two layers, Object and Shadow. Place the .psd onto your InDesign page, and Copy (NOT Cut) it to the clipboard. Select "Object Layer Options" and turn off the Object layer, then set the image to Multiply. Paste In Place to put a second copy of the image file on the page directly over the first one, select the second image, and this time in Object Layer Options, turn off the Shadow layer leaving the Object blending normally. Finally group your two images.
Voila, one .psd in InDesign with a correctly blending drop shadow.

Why don't transparencies and drop shadows show right in pdf on Firefox ?

Hello,
We have display problems with transparencies and drop shadows in pdf that we upload on our website.
When these pdf are opened on Firefox the areas where we have used transparencies, drop shadows and color gradation end up in grey boxes.
This is a real problem for our society which only operates on the web.
You can find below some links to pdf that are particularly affected by this display issue :
- http://www.francebureau.com/doc/montserrat_bureau_ebenisterie.pdf
(grey boxes have appeared on the header, some pictures that were a bit transparent are missing on page 2)
- http://www.francebureau.com/doc/bureau_reglable_cervin.pdf
(same problem on the header, on page 2 color charts are completely lost in grey boxes, on page 3 same problems with the color charts)
- http://www.francebureau.com/doc/origami_fauteuil_pliable.pdf
(same problem on the header, on page 4 color charts are in grey boxes)
Viewed on different web browsers these pdf show fine.
The issue is that all our website and our turnover are based on these pdf documentations, which could be viewed by a customer using Firefox.
We are aware that changing our pdf viewer would be the solution but only for our computers and we cannot make all our customers change their pdf viewer.
Are you aware of this problem ?
Do you have a solution ?
Can you keep us in touch ?
Thanks

Hey I found out from the developers that this is actually fixed in version 29 via Bug 965861. Try the pdf viewer in the next version of Firefox, this will take care of that gradient. :-) Cheers.

Text drop shadows (via CSS)?

Hi guys,
Hope everyone has had a great summer!
Quick question: I have white type with a dark blue image behind it. I'd really like the white type to pop more off the background with a text drop shadow (CSS generated drop shadow, not rasterized), can't get it to work. I found this simple video...
https://plus.google.com/117443384307509478210/posts/1h3EVw4jvmf
...however doesn't seem to be working for me. I'm selecting the text box the white type is in -- the box has no fill and no stroke -- trying to get the drop shadow to only effect the text. Or, is this not possible for some reason(?)
Thanks in advance for your help!
D

The simplest way to create a text shadow is like this:
.section p {
    text-shadow: 2px 2px 2px #000;
    font-size: 150%;
Now your HTML may be something like this:
<div class="section">
    <p>Your sample text goes here</p>
</div>
This works in FF 14.0.1 but don't know if it is going to work in IE9 or in other major browsers.
Good luck.

Strange drop shadow on menu when build

i am importing a psd file into dvdsp for a menu. the text from the psd, only at the bottom of the menu, is creating a funny gray drop shadow when i build the project. it doesnt appear when i simulate the project and none of the other text in the psd is creating a problem. I have tried adding or subtracting a drop shadow in psd, removing the text from the psd and creating the text in dvdsp, with and with out a drop shadow, extending the BG color solid under the text in psd, and removing the other layers in the psd, nothing works. any help is much appreciated

NViereckel schrieb:
The only way I can make it go away is to save the file as an illustrator ai file and use that for pdfs. This would be OK, but other suppliers need to use the file and want eps format
EPS is simply unsuitable when dealing with transparency (which is what your drop shadow is). So you need to work with AI for placing in InDesign. If other suppliers need EPS, then just send them that. Nothing should keep you from exporting another file format.

Black drop shadow bleeding onto white text during printing (but looks fine on screen)

For my business card design I have white text overlapping an area of very white grey- causing readability issues (insufficient contrast). It looks great apart from this one problem, so I still want to keep my white text and light background and fix it by separating the text and background with a darker drop shadow..
First, I added a black drop shadow to the text- but this was not enough to increase readability (text still looked faded on background as drop shadow was too subtle at 85% opacity, 0.04" blur) so I added a drop shadow to my drop shadow (100% opacity, 0.02" blur + 18% opacity, 0.02" blur). This produced a heavier drop shadow effect for my text as desired but, for some reason, the text came out slightly grey in print (offset run). It seems the drop shadow somehow got printed over the text itself to some extent- turning the white text somewhat grey (and so not looking as clean as intended).
How could this dropshadow bleed into the text happen? Is it to do with the fact I added a drop shadow to my drop shadow? I would have thought that, even then, the text should entirely overlap all of the drop shadow as the text is the top layer in the group.
What can I do to ensure that drop shadow does not print over text in any way in future? Do I have to stick to only one layer of dropshadow-or is there something else I'm missing?

One way this could happen is if the white fill of your text was not with 100% opacity.
Also, do you see a whiter place than your text on your business card? It could be the color of the paper if you are comparing with the white of the image on screen without proper color management.

IWeb objects with funky box/drop shadows

Similar Messages

Maybe you are looking for